@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Prata&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap'); */
/* @import url('http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic'); */
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;700;900&display=swap'); */
@import url('bootstrap.min.css');
@import url('bootstrap-reset.css');
@import url('jquery-ui-1.10.3.css');
/* @import url('../fonts/css/font-awesome.min.css'); */

html{scrollbar-width: thin;}

html::-webkit-scrollbar {
    width: 9px;
  }
  html::-webkit-scrollbar-track {
    background: transparent;
  }
  html::-webkit-scrollbar-thumb {
    background-color: rgba(155, 155, 155, 0.5);
    border-radius: 20px;
    border: transparent;
  }
body {
    background-color: #fff;
    font-family: "Poppins", sans-serif;
    color: #495057 !important;
    line-height: 18px;
    font-size: 13px;
    overflow-x: hidden;
    letter-spacing: 0.4px;
    scrollbar-width: thin;
}

body#index-body {
background-position: right;
background-repeat: no-repeat;
	background-color: #e7e9ec;
	background-size: contain;

}

input,
select,
textarea {
    font-family:"Poppins", sans-serif;
    color: #495057;
	border: 1px solid #e9ebef;
}

a {
    color: #2d91ff;
}

a:focus,
a:active,
a:hover {
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    color: #1f8af4;
}

h1,
h2,
h3,
h4,
h5 {
    font-family:"Poppins", sans-serif;
    font-weight: 500;
/* letter-spacing: 0.4px; */
color: #495057;
}

b, strong {
    font-weight: 500;
  }

label{font-weight: 500;}




.mtop10 {
    margin-top: 10px;
}

hr {
    border-color: #ddd;
}


/*-------------------------------
            PANEL STYLES
-------------------------------*/


.left-side:hover body{overflow: hidden;}

.panel {
	margin-bottom: 20px;
background-color: #fff;
border: 1px solid #E9EBEF;
border-radius: 10px;
transition: all .5s ease-in-out;
box-shadow: 0px 3px 10px rgba(68, 71, 74, 0.07);
/* height: calc(100% - 30px); */
}


.panel-sm{margin-bottom: 10px; background-color: #fff;}
.panel-sm .panel-heading{padding: 8px; min-height: 39px; height: 30px;line-height: 30px;text-transform: none;}
.panel-sm .panel-body{padding: 8px;}


input[type="text"]:hover,
input[type="password"]:hover,
input[type="text"]:focus,
input[type="password"]:focus,
select:hover,
select:focus,
textarea:hover,
textarea:focus {
      outline: medium none;
    transition: all 0.25s ease-in-out 0s !important;
    box-shadow: 0px 0 1px 2px rgba(59,130,246,0.5);

outline-offset: 2px;
}


.form-control>select>option {
    padding-top: 8px;
    padding-bottom: 8px;
}
.form-control{
    display: block;
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.8;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    background: #f8fafb;
    border: 1px solid #dfdede;
    border-radius: 5px !important;
    color: #495057;
   
}

.form-control::placeholder {
    color: #92969A;
    opacity: 1;
}


.dropdown-toggle::after{display: none;}



.table thead>tr>th {
    color: #3193FF;
}


.list-inline li{display: inline-block;margin-right: 0px !important;}

/*-------------------------------
            LOGIN STYLES
-------------------------------*/


/**************************************************************************************/


/******************************************************************************************/

.mb0px,
p.mb0px {
    margin-bottom: 0px;
}

.mb0px {
    margin-bottom: 0px !important;
}

.mb5px {
    margin-bottom: 5px;
}

.mb10px {
    margin-bottom: 10px;
}

.mb15px {
    margin-bottom: 15px;
}

.mb20px {
    margin-bottom: 20px;
}

.mb25px {
    margin-bottom: 25px;
}

.mb30px {
    margin-bottom: 30px;
}


/**************************************************************************************/


/******************************************************************************************/

.mt--10px {
	margin-top: -10px;
}

.mt0px {
    margin-top: 0px !important;
}

.mt5px {
    margin-top: 5px;
}

.mt10px {
    margin-top: 10px;
}

.mt15px {
    margin-top: 15px;
}

.mt20px {
    margin-top: 20px;
}

.mt25px {
    margin-top: 25px;
}

.mt30px {
    margin-top: 30px;
}

.mt76px {
    margin-top: 76px;
}



.ml0px {
    margin-left: 0px;
}

.ml5px {
    margin-left: 5px;
}

.ml10px {
    margin-left: 10px;
}

.ml15px {
    margin-left: 15px;
}

.ml20px {
    margin-left: 20px;
}

.ml25px {
    margin-left: 25px;
}

.ml30px {
    margin-left: 30px;
}

.ml76px {
    margin-left: 76px;
}



.mr0px {
    margin-right: 0px !important;
}

.mr5px {
    margin-right: 5px;
}

.mr10px {
    margin-right: 10px;
}

.mr15px {
    margin-right: 15px;
}

.mr20px {
    margin-right: 20px;
}

.mr25px {
    margin-right: 25px;
}

.mr30px {
    margin-right: 30px;
}

.mr76px {
    margin-right: 76px;
}


.ml-auto{margin-left: auto;}
.mr-auto{margin-right: auto;}


.pr0px{padding-right: 0px !important;}

.pl0px{padding-left: 0px !important;}


/**************************************************************************************/


/******************************************************************************************/


/**************************************************************************************/


/******************************************************************************************/

.pb0px-imp {
    padding-bottom: 0px!important;
}

.pb0px,
p.pb0px {
    padding-bottom: 0px;
}

.pb5px {
    padding-bottom: 5px;
}

.pb10px {
    padding-bottom: 10px;
}

.pb15px {
    padding-bottom: 15px;
}

.pb20px {
    padding-bottom: 20px;
}

.pb25px {
    padding-bottom: 25px;
}

.pb30px {
    padding-bottom: 30px;
}


/**************************************************************************************/


/******************************************************************************************/

.p0px{padding: 0px !important;}

.pt0px {
    padding-top: 0px !important;
}

.pt5px {
    padding-top: 5px;
}


.img-round{border-radius: 50%; border: 2px solid #fff;    display: inline-block;    background: #02b94c;    text-align: center;    vertical-align: middle;    line-height: 30px;
    font-size: 11px;color: #fff !important;}

.hiddenRow {border: none;}


.hidden{visibility: hidden;}


.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
  }

/*-------------------------------



.btn{ border-radius:0px; }
.btn:hover, .btn:focus {
 box-shadow: 0px 0px 4px #9E9E9E !important;
    outline: medium none;
	transition: all 0.25s ease-in-out 0s !important;
}

.login-body { /*background: #3193FF url("../images/login-bg.jpg") no-repeat fixed;*/

/* background-size: cover;
width: 100%;
height: 100%;

} */
.form-signin {
    max-width: 600px;
	height: 100vh;
display: flex;
align-items: center;
    border-radius: 5px;
    padding: 12px;
    -webkit-border-radius: 5px;
    /* box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%); */
    margin: 0 auto;
/*    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);*/
}
.form-signin .form-signin-heading {
    margin: 0;
    padding: 25px 15px;
    text-align: center;
    color: #fff;
    position: relative;
}
.sign-title {
    font-size: 24px;
    color: #495057;

    width: 100%;

}
.form-signin .checkbox {
    margin-bottom: 13px;
    font-size: 13px;
}
.form-signin .checkbox {
    font-weight: normal;
    color: #fff;
    font-weight: normal;
    font-family:"Poppins",'Open Sans', sans-serif;
    position: absolute;
    width: 100%;
    left: 0;
}
.form-signin .checkbox a {
   color: #495057;
text-decoration: none;
font-size: 16px;
font-weight: 400;
margin: 0;
}
.form-signin .checkbox a:hover {
    color: #10477d;
    text-decoration: underline;
}
.form-signin .form-control {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin input[type="text"],
.form-signin input[type="password"] {

}
.form-signin .btn-login {
    background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    font-family:"Poppins",'Open Sans', sans-serif;
    margin: 20px 0 5px;
    padding: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 30px;
}
.form-signin .btn-login:hover {
    background: #0d5194;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.form-signin p {
   text-align: left;
color: #495057;
font-size: 16px;
font-weight: normal;
line-height: 30px;
}
.form-signin a,
.form-signin a:hover {
    color: #495057;
	font-size: 16px;
	font-weight: 400;

}
.form-signin a:hover {
    text-decoration: underline;
}
.login-wrap {

    margin: 0 auto;
    padding: 20px;
	margin: 0px auto;
    /* position: relative;
    top: 150px;
    width: 80%; */
}


.login-wrap .login-btn{padding: 10px 25px;font-size: 18px;background-color: #007df2;}
.login-wrap .admin-btn{padding: 10px 25px;font-size: 18px;border: 1px solid #298ffe;margin-left: 5px; color: #298ffe; background-color:transparent; box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);}
.login-wrap .admin-btn:hover{background-color: #007df2;color: #fff;}

.login-wrap h1{font-weight: 500;font-size: 30px;}
.login-wrap label{font-weight: 400;font-size: 16px;}


.login-wrap .alert-success{
color: #4ea863 !important;
background-color: #e1fbe7 !important;
border-color: #e1fbe7 !important;
padding: 10px 20px !important;
font-weight: 400;
font-size: 13px;
border-radius: 4px;
border-radius: 6px 6px 6px 6px;
	box-shadow: none;
display: block;}


.login-wrap .alert-danger{
color: #df5562 !important;
background-color: #fdedee !important;
border-color: #fdedee !important;
padding: 10px 20px !important;
font-weight: 400;
font-size: 13px;
	box-shadow: none;
border-radius: 4px;
border-radius: 6px 6px 6px 6px;
display: block;}


.registration {
    color: #c7c7c7;
    text-align: center;
    margin-top: 15px;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
    float: left;
    margin-right: 5px;
}

.login-box{background-color: #fff;border-radius: 8px;box-shadow: 0px 3px 10px rgba(68, 71, 74, 0.07);}
.login-box .input-login-box{padding: 15px;padding-left: 85px;position: relative;border-bottom: 1px solid #eef2f5;}
.login-box .input-login-box img{position: absolute;left: 30px;top: 32%;width: 28px;}
.login-box .input-login-box input[type="text"]:focus + .input-login-box{background-color: #eef2f5;}
.login-box .input-login-box input[type="password"]:focus + .input-login-box{background-color: #eef2f5;}
.login-box .input-login-box:hover{background-color: #eef2f5;}
.login-box .input-login-box span{color: #74788D;font-size: 16px;}
.login-box .input-login-box input[type="text"]{width: 100%;padding: 5px 0px;border: none;box-shadow: none;font-size: 16px;color: #495057;background-color: transparent;
font-weight: 400;font-size: 18px;}
.login-box .input-login-box input[type="text"]::placeholder{color: #495057;}
.login-box .input-login-box input[type="password"]::placeholder{color: #495057;}
.login-box .input-login-box input[type="password"]{width: 100%;padding: 5px 0px;border: none;box-shadow: none;font-size: 16px;color: #495057;background-color: transparent;
font-weight: 400;font-size: 18px;}
.login-box label{font-weight: 400;}




.admin-box{}
.admin-box .input-admin-box{padding: 5px;padding-left: 70px;position: relative;border: 1px solid #f2f2f2;box-shadow: 0px 3px 10px rgba(68, 71, 74, 0.07);
	background-color: #fff;margin-bottom: 15px;border-radius: 8px;}
.admin-box .input-admin-box img{position: absolute;left: 22px;top: 33%;width: 25px; filter: invert(41%) sepia(85%) saturate(1892%) hue-rotate(198deg) brightness(108%) contrast(101%);}.admin-box .input-admin-box input[type="text"]:focus + .input-login-box{background-color: #eef2f5;}
.admin-box .input-admin-box input[type="password"]:focus + .input-login-box{background-color: #eef2f5;}
.admin-box .input-admin-box:hover{background-color: #eef2f5;}
.admin-box .input-admin-box span{color: #74788D;font-size: 13px;position: relative;top: 6px;}
.admin-box .input-admin-box input[type="text"]{width: 100%;padding: 5px 0px;border: none;box-shadow: none;font-size: 16px;color: #495057;background-color: transparent;
font-weight: 400;font-size: 18px;}
.admin-box .input-admin-box input[type="text"]::placeholder{color: #495057;}
.admin-box .input-admin-box input[type="password"]::placeholder{color: #495057;}
.admin-box .input-admin-box input[type="password"]{width: 100%;padding: 5px 0px;border: none;box-shadow: none;font-size: 16px;color: #495057;background-color: transparent;
font-weight: 400;font-size: 18px;}
.admin-box label{font-weight: 400;}




.whats_new_login .whatsnew_timeline{margin: 0 -15px;}
.whats_new_login .whatsnew_timeline h4{position: fixed;color: #fff;z-index: 1;width: 100%;background: linear-gradient(150deg, #3193FF 0%, #0F63BF 100%);margin: 0;padding: 12px;padding: 15px 17px;}

.whats_new_login .whatsnew_timeline_right .timeline{background-color: transparent;padding: 15px;}
.whats_new_login .whatsnew_timeline_right { width: 100%; padding: 0px 0px 0px 72%;}
.whats_new_login .whatsnew_timeline_right .timeline p:first-child {
  margin-top: 0;
  font-weight: 400;
  color: #fff;
}

.whats_new_login .whatsnew_timeline_right .timeline .entry .title {
  margin-bottom: .5em;
  float: left;
  width: 85px;
  padding-right: 40px;
  font-size: 16px;
  text-align: right;
  position: relative;
}

.whats_new_login .whatsnew_timeline_right .timeline{background: linear-gradient(150deg, #3193FF 0%, #0F63BF 100%);
margin-bottom: 0px;
height: 100vh;}


.whats_new_login .whatsnew_timeline_right .timeline h1 {
  margin: 0;
    margin-bottom: 0px;
  margin-bottom: 0px;
  font-size: 22px;
  text-align: right;
  font-weight: 600;
  margin-bottom: 30px;
  color: #fff;
}
.whats_new_login .whatsnew_timeline_right .timeline h3 {
  margin: 0;
  font-size: 16px;
  text-align: right;
  color: #fff;
}
.whats_new_login .whatsnew_timeline_right .timeline p a {
  color: #fff;
}

.whats_new_login .whatsnew_timeline_right .timeline .year::before {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
  background-color: #fff;
  border-radius: 100%;
  top: 15%;
  right: 8px;
  z-index: 1;
}

.whats_new_login .whatsnew_timeline_right .timeline::before {
  content: '';
  position: absolute;
  top: 0px;
  left: calc(55px + 16px);
  bottom: 0px;
  width: 2px;
  background: #d6d6d6;
  z-index: 0;
  height: 100vh;
}

.whats_new_login .whatsnew_timeline_right .timeline .entry {
  clear: both;
  text-align: left;
  position: relative;
  TOP: 40PX;
}

.whats_new_login .whatsnew_timeline_right .timeline .entry .body {
  margin: 0 0 2em;
  float: left;
  width: 68%;
  padding-left: 5px;
  max-width: 68%;
}

/*---------------------------------
            LEFT SIDE
----------------------------------*/
.panel-primary>.panel-heading {
    color: #fff;
    background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);
    border-color: #3193FF !important;
}
.ActiveTRClass {
    background-color: #ccc;
}
.work-update {
    padding: 0;
	margin-bottom: 5px;
    padding-bottom: 1px;
}
.work-update li {
   list-style-type: none;
padding: 10px 15px;
border: 1px solid #f2f2f3;
background-color: #fff;
margin: 8px 8px;
border-radius: 5px;
}
.work-update li:hover{
background-color: #f4faff;
}





.dropdown-list li {
    padding: 15px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}
.dropdown-list li:last-child {
    border-bottom: 0;
}
.dropdown-list .thumb {
    width: 36px;
    float: left;
}
.dropdown-list .thumb img {
    width: 100%;
    display: block;
    vertical-align: middle;
}
.dropdown-list .desc {
    margin-left: 45px;
    display: block;
}
.dropdown-list .desc h5 {
    font-size: 13px;
    margin-top: 7px;
}
.dropdown-list li:last-child {
    padding: 10px 15px;
}
.dropdown-list li .badge {
    float: right;
}
.user-list {
    width: 300px;
}
.user-list .progress {
    margin-bottom: 0;
}
.normal-list li a .label i {
    margin-right: 0;
}
.normal-list li a span.label {
    float: left;
    margin-right: 10px;
    padding: 5px;
    width: 20px;
}
.normal-list li a:hover {
    color: #3193FF !important;
    text-decoration: none;
}
.normal-list li .name {
    font-size: 13px;
    font-family:"Poppins",'Open Sans', sans-serif;
    line-height: 21px;
}
.normal-list li .msg {
    font-size: 12px;
    line-height: normal;
    color: #999;
    display: block;
}
.info-number .badge {
    background: #FE764B;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    font-size: 7px;
    font-weight: normal;
    line-height: 11px;
    padding: 1px 4px;
    position: absolute;
    right: 13px;
    top: 0px;
    border-radius: 50px;
    border: 2px solid #fff;
}

/* ------------------------------
        STICKY HEADER
---------------------------------*/

/* -----------------------
        DROPDOWN
--------------------------*/
.dropdown-menu-head {
    background: #fff
}
.dropdown-menu-head .title {
    background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);
    color: #fff;
    padding: 15px;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0;
}

/*-----------------------------
        MAIN CONTENT
------------------------------*/
/*
.components-main{display: flex;align-items: center;justify-content: stretch;margin-bottom: 30px;flex-wrap: wrap;} */
/* .components-main{}
.components-main .component-child{height: 100px; border-radius: 12px; margin:0px 0px; padding: 10px 10px;margin: 0px 10px 10px 0px; background: linear-gradient(271.37deg, #FE97E2 0%, #F96ED3 100%);display: flex;
    align-items: center;    justify-content: stretch;}
.components-main .component-child .icon{width: 50px; height: 50px; text-align: center; padding: 10px; background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; margin-right: 0px; display: flex; justify-content: center;}
.components-main .component-child .content{width: calc(100% - 20px);padding-left: 10px; }
.components-main .component-child .heading{font-size: 13px; line-height:15px; color: #fff; padding: 0px 0 0; font-weight: 600;}
.components-main .component-child h3{font-size: 26px; line-height: 20px; color: #fff; padding: 10px 0 0; font-weight: 700; margin: 0;}
.components-main .component-child p{font-size: 13px; line-height: 11px; color: #fff; padding: 10px 0 0; font-weight: 400; margin: 0;}
.components-main .child-1{background: linear-gradient(271.37deg, #FE97E2 0%, #F96ED3 100%);box-shadow: 0px 10px 30px rgba(238, 64, 191, 0.25);}
.components-main .child-2{background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);box-shadow: 0px 10px 30px rgba(22, 132, 253, 0.25);}
.components-main .child-3{background: linear-gradient(271.37deg, #FFA17F 0%, #FF8051 100%);box-shadow: 0px 10px 30px rgba(255, 118, 68, 0.25);}
.components-main .child-4{background: linear-gradient(271.37deg, #7D82E4 0%, #6369D1 100%);box-shadow: 0px 10px 30px rgba(99, 105, 209, 0.25);}
.components-main .child-5{background: linear-gradient(271.37deg, #89D6F7 0.01%, #4ABFF0 100%);box-shadow: 0px 10px 30px rgba(91, 192, 235, 0.25);}
.components-main .child-5 h3{padding: 12px 0 0;}
.components-main .child-6{background: linear-gradient(271.37deg, #FE97E2 0%, #F96ED3 100%);box-shadow: 0px 10px 30px rgba(238, 64, 191, 0.25);}
.components-main .child-7{background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);box-shadow: 0px 10px 30px rgba(22, 132, 253, 0.25);} */


.components-account{display: flex;align-items: center;justify-content: space-between;margin-bottom: 30px;}
.components-account .component-child{width: 100%; height: 119px; border-radius: 12px;margin-right: 20px;padding: 13px 10px 0; background: linear-gradient(271.37deg, #FE97E2 0%, #F96ED3 100%);}
.components-account .component-child:last-child{margin: 0px;}
.components-account .component-child span{font-size: 16px; line-height: 20px; color: #fff; padding: 15px 0 0; font-weight: 600;}
.components-account .component-child h3{font-size: 26px; line-height: 20px; color: #fff; padding: 30px 0 0; font-weight: 700; margin: 0;}
.components-account .component-child p{font-size: 13px; line-height: 11px; color: #fff; padding: 10px 0 0; font-weight: 400; margin: 0;}
.components-account .child-1{background: linear-gradient(271.37deg, #FE97E2 0%, #F96ED3 100%);}
.components-account .child-2{background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);}
.components-account .child-3{background: linear-gradient(271.37deg, #FFA17F 0%, #FF8051 100%);}
.components-account .child-4{background: linear-gradient(271.37deg, #7D82E4 0%, #6369D1 100%);}
.components-account .child-5{background: linear-gradient(271.37deg, #89D6F7 0.01%, #4ABFF0 100%);}



/* .components-lead{}
.components-lead .component-child{height: 95px; border-radius: 12px; padding: 10px 10px;margin: 0px 15px 15px 0px; background:#fff; display: flex;  align-items: center;box-shadow: 0px 3px 10px rgba(68, 71, 74, 0.07);margin-bottom: 15px;}
.components-lead .component-child .icon{width: 76px;height: 76px;text-align: center;padding: 15px;background-color: rgba(255, 255, 255, 0.1);border-radius: 5px;margin-right: 13px;display: flex;justify-content: center;}
.components-lead .component-child .heading{font-size: 16px; line-height: 20px; color: #495057; padding: 0px 0 0; font-weight: 500;}
.components-lead .component-child h3{font-size: 26px; line-height: 20px; color: #495057; padding: 10px 0 0; font-weight: 700; margin: 0;}
.components-lead .component-child p{font-size: 13px; line-height: 11px; color: #495057; padding: 10px 0 0; font-weight: 400; margin: 0;}
.components-lead .child-1 .icon{ background-color: rgba(255,128,81,0.2);}
.components-lead .child-2 .icon{background-color: rgba(104,109,212,0.2); }
.components-lead .child-3 .icon{background-color: rgba(49,147,255,0.2);} */



/* .payroll-widget{margin: 5px 5px;}
.payroll-widget .panel-body{padding:20px 10px;display: flex;justify-content: flex-start;}
.payroll-widget .title{color: #495057; font-size: 16px;    font-style: normal;    font-weight: 400;   margin-bottom: 5px;    text-transform: capitalize;}
.payroll-widget .number{color: #495057; font-size: 21px;  font-style: normal; font-weight: 500;}

.payroll-dash-icon{width: 55px;height: 55px; border-radius: 50%;display: flex;  justify-content: center;    align-items: center;margin-right: 10px;}
.payroll-dash-icon img{width: 28px;}
.payroll-dash-icon.red{background: #FF6165;box-shadow: 0px 3.7228317260742188px 23.267698287963867px rgba(255, 76, 81, 0.25);}
.payroll-dash-icon.orange{background: #FF956F;box-shadow: 0px 4.006295680999756px 25.039350509643555px rgba(255, 149, 111, 0.25);}
.payroll-dash-icon.blue{background: #20ABF0;box-shadow: 0px 3.7228317260742188px 23.267698287963867px rgba(20, 160, 230, 0.25);}
.payroll-dash-icon.green{background: #A7D65E;box-shadow: 0px 3.7228317260742188px 23.267698287963867px rgba(167, 214, 94, 0.25);}
.payroll-dash-icon.yellow{background: #F39D1B;box-shadow: 0px 3.7228317260742188px 23.267698287963867px rgba(243, 157, 27, 0.25);}
.payroll-dash-icon.pink{background: #F985CA;    box-shadow: 0px 4.925036907196045px 30.78148078918457px 0px rgba(249, 133, 202, 0.25);}
.payroll-dash-icon.purple{background: #9E68FF;  box-shadow: 0px 4.006295680999756px 25.039350509643555px rgba(145, 85, 253, 0.25);} */

.btn-rounded.blue{border-radius: 26.938px;background: var(--4, linear-gradient(48deg, #2BC0FF 23.96%, #7AD8FF 100%));color: #fff;font-weight: 500; min-height: 15px; line-height: 16px;}
.btn-rounded.blue:hover{border-radius: 26.938px;background: var(--4, linear-gradient(48deg, #7AD8FF 23.96%, #2BC0FF 100%));color: #fff;}


.gray-detail{position: relative;}
.gray-detail .profile-box{position: absolute;width: 300px; min-height: 150px;}
.gray-detail .gray-detail-box{position: relative;padding-left: 300px;}
.gray-detail .gray-detail-box ul{list-style: none;padding: 0;margin: 0;}
.gray-detail .gray-detail-box ul li{display: inline-block; padding: 2px 18px;    width: 19%;    min-width: 175px;    border-left: 4px solid #ccc;    margin-bottom: 10px;}
.gray-detail .gray-detail-box ul li .gray-title{color: #495057;font-weight: 500;}
.gray-detail .gray-detail-box ul li .gray-desc{color: #95999D;}


.total-box{background-color: #f5f5f5;padding: 15px;border-radius: 5px;}
.total-box h4{margin: 0px;}


.panel-border{box-shadow: none;border: 1px solid #e9ebef;}
.lead-widget .panel-body{padding: 30px;}
.lead-widget .title{color: #495057; font-size: 18px; font-style: normal; font-weight: 400; margin: 15px 0px; text-transform: capitalize;}
.lead-widget .number{color: #495057;font-size: 25px;font-style: normal; font-weight: 700;}
.lead-dash-icon{width: 65px;height: 65px; border-radius: 50%;display: flex;  justify-content: center;    align-items: center;}
.lead-dash-icon.red{background: #FF4C51;box-shadow: 0px 4.925036907196045px 30.78148078918457px 0px rgba(255, 76, 81, 0.25);}
.lead-dash-icon.yellow{background: #F3B41B;box-shadow: 0px 4.925036907196045px 30.78148078918457px 0px rgba(243, 180, 27, 0.25);}
.lead-dash-icon.blue{background: #14A0E6;    box-shadow: 0px 4.925036907196045px 30.78148078918457px 0px rgba(20, 160, 230, 0.25);}
.lead-dash-icon.purple{background: #9155FD; box-shadow: 0px 4.925036907196045px 30.78148078918457px 0px rgba(145, 85, 253, 0.25);}

.releted-icon{width: 31.5%;height: 80px;display: block;background-color: #d5e9ff;padding: 10px;text-align: center;border-radius: 5px;float: left;  margin: 5px;}
.releted-icon .icon-img{width: 40px;font-size: 35px;text-align: center;margin: 4px auto;}
.releted-icon span{display: block;}



/* .goals-block{}
.goals-block .goalbox{box-shadow: none;border: 1px solid rgba(73, 80, 87, 0.10);margin-bottom: 10px;margin: 5px 5px 5px 5px;min-height: 84px;}
.goals-block .goalbox h4{margin-bottom: 0px;color: #495057;font-size: 16px;font-weight: 400;}
.goals-block .goalbox h4 div{font-size: 10px;}
.goals-block .goalbox .panel-body{padding: 5px;}

.goals-block .goalbox.total-goal{border-radius: 10.28px;background: linear-gradient(132deg, #8255D2 0%, #A573FF 100%);box-shadow: 0px 4.537312984466553px 28.35820770263672px 0px rgba(153, 105, 240, 0.25);}
.goals-block .goalbox.total-goal .panel-body{padding: 5px;}
.goals-block .goalbox.total-goal .total-goal-box{display: flex;justify-content: flex-start;align-items: center;}
.goals-block .goalbox.total-goal .total-goal-box .icon{width: 80px;height: 80px;border-radius: 50%;padding: 10px;margin-right: 10px;}
.goals-block .goalbox.total-goal .total-goal-box .content{}
.goals-block .goalbox.total-goal .total-goal-box .content h4{color: #FFF;  font-size: 17px; font-family: Poppins;font-weight: 500;letter-spacing: 0.6px;margin: 0px 0px 15px 0px;}
.goals-block .goalbox.total-goal .total-goal-box .content p{color: #FFF;    font-size: 38px;font-family: Poppins;font-weight: 500; letter-spacing: 1.157px;}
.goals-block .goalbox .no-box{padding: 10px;min-width: 45px; height: 45px; float: left;}
.goals-block .goalbox .no-box.pink{background-color:rgba(250, 121, 215, 0.05);color: #F972D4; text-align: center; font-size: 22px; font-family: Poppins; font-weight: 600; line-height: 23.321px; letter-spacing: -0.256px;
    text-transform: capitalize;border-radius: 5px;}
    .goals-block .goalbox .no-box.pink a{color: #F972D4;}

.goals-block .goalbox .no-box.orange{background-color: rgba(255, 85, 22, 0.05);color: #FF5516; text-align: center; font-size: 22px; font-family: Poppins; font-weight: 600; line-height: 23.321px; letter-spacing: -0.256px;
    text-transform: capitalize;border-radius: 5px;}
    .goals-block .goalbox .no-box.orange a{color: #FF5516;}

.goals-block .goalbox .no-box.purple{background-color: rgba(116, 96, 238, 0.05);color: #7460EE; text-align: center; font-size: 22px; font-family: Poppins; font-weight: 600; line-height: 23.321px; letter-spacing: -0.256px;
    text-transform: capitalize;border-radius: 5px;}
    .goals-block .goalbox .no-box.purple a{color: #7460EE;}

.goals-block .goalbox .no-box.green{background-color:rgba(105, 152, 52, 0.05);color: #699834; text-align: center; font-size: 22px; font-family: Poppins; font-weight: 600; line-height: 23.321px; letter-spacing: -0.256px;
    text-transform: capitalize;border-radius: 5px;}


    .goals-block .goalbox .no-box.green a{color: #699834;} */









.main-content {
    margin-left: 60px;
    /* background: #F8FAFB; */
    background: #f8fafb;
    min-height: 930px;

}
.page-heading {
    padding: 15px;
    position: relative;
    padding-bottom: 0;
}
.page-heading h3 {
    color: #495057;
    font-size: 20px;
    font-weight: 500;
    margin: 10px 0;
}
.page-heading .breadcrumb {
    padding: 0;
    margin: 0;
    background: none;
}
.page-heading .breadcrumb a {
    color: #999999;

}
.page-heading .breadcrumb li.active {
    color: #3193FF;
}

.breadcrumb {
    padding: 0px 0px 10px 0px;
    margin-bottom: 0px;
    background: none;
}
.breadcrumb li{font-size: 18px;}
.breadcrumb li img{margin-right: 10px; font-size: 18px;}

.breadcrumb a {
    color: #495057;
    font-size: 16px;
    text-decoration: none;

}
.breadcrumb a img{margin-right: 10px;}

.breadcrumb li.active {
    color: #3193FF;
    font-size: 16px;
    text-decoration: none;
}
.wrapper {
    padding: 15px;
    min-height: 800px;
}
.wrapper::after {
    clear: both;
    display: block;
    content: '';
    /*margin-bottom: 30px; */
}

/*-------------------------
        BOXED VIEW
-------------------------*/
.boxed-view {
    background: #b6b7ba;
}
.boxed-view .container {
    position: relative;
    background: #424f63;
    padding: 0;
}

/*-----------------------------------
    HORIZONTAL PAGE VIEW
-------------------------------------*/
.horizontal-menu-page {
    background: #EFF0F4;
}
.horizontal-menu-page .navbar {
    margin-bottom: 0;
}
.horizontal-menu-page .navbar-brand {
    padding: 5px 15px;
    min-height: 50px;
}
.horizontal-menu-page .navbar-default {
    background: #424F63;
    border: none;
    border-radius: 0;
}
.horizontal-menu-page .navbar-default .navbar-nav>.active>a,
.horizontal-menu-page .navbar-default .navbar-nav>.active>a:hover,
.horizontal-menu-page .navbar-default .navbar-nav>.active>a:focus,
.horizontal-menu-page .navbar-default .navbar-nav>.open>a,
.horizontal-menu-page .navbar-default .navbar-nav>.open>a:hover,
.horizontal-menu-page .navbar-default .navbar-nav>.open>a:focus,
.horizontal-menu-page .navbar-default .navbar-nav>li>a:hover,
.horizontal-menu-page .navbar-default .navbar-nav>li>a:focus {
    background-color: #f9f8f8;
    color: #FFFFFF;
}
.horizontal-menu-page .navbar-default .navbar-nav>li>a {
    color: #FFFFFF;
    font-size: 13px;
}
.horizontal-menu-page .form-control {
    box-shadow: none;
    float: left;
}
.horizontal-menu-page .dropdown-menu {
    background-color: #f9f8f8;
    color: #fff;
    box-shadow: none;
    border: none;
}
.horizontal-menu-page .dropdown-menu>li>a {
    color: #fff;
    padding: 10px 20px;
    font-size: 12px;
}
.horizontal-menu-page .dropdown-menu>li>a:hover,
.horizontal-menu-page .dropdown-menu>li>a:focus,
.horizontal-menu-page .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);
    color: #fff;
    text-decoration: none;
}
.horizontal-menu-page .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
}
.horizontal-menu-page .navbar-default .navbar-toggle {
    border-color: #10477d;
}
.horizontal-menu-page .navbar-default .navbar-toggle .icon-bar {
    background-color: #10477d;
}
.horizontal-menu-page .navbar-default .navbar-toggle:hover,
.horizontal-menu-page .navbar-default .navbar-toggle:focus {
    background-color: #FFFFFF;
    border-color: #FFFFFF !important;
}
.horizontal-menu-page .navbar-default .navbar-collapse,
.horizontal-menu-page .navbar-default .navbar-form {
    border-color: #10477d;
}
.horizontal-menu-page .dropdown-toggle img {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    margin-right: 5px;
    vertical-align: middle;
    width: 18px;
}

/*-------------------
        TOOLS
--------------------*/
.tools {
    margin: 0px 0px;
    position: absolute;
    right: 7px;
    top: 7px;
}
.tools a .badge{
padding: 5px 7px !important;
    right: -7px;
    top: -4px;
    font-size: 11px !important;
}

.tools a {
    background: rgba(73, 80, 87, 0.07);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    color: #495057;
    float: left;
    margin-left: 3px;
    padding: 6px 7px;
    text-decoration: none;
    margin-right: 3px;
    cursor: pointer;
    line-height: 16px;
    height: 30px;
    width: 30px;
}
.tools a:hover {
    background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);
    color: #fff;

}

.tools a:hover img{
filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(200%) contrast(100%);
}
/*--------------------------------
      FOOTER CONTENT STYLES
---------------------------------*/
footer {
    background: #fff;
    padding: 5px 10px;
    color: #7A7676;
    font-size: 12px;
    position: static;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #eff0f4;
}
footer.sticky-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99;
}
.container footer {
    width: 79.5%;
    position: absolute;
    bottom: 0;
}

/*-----------------------------------
     HEADER STATISTICS STYLES
-------------------------------------*/
.state-info {
    position: absolute;
    right: 15px;
    top: 20px;
}
.state-info .panel {
    float: right;
    margin-left: 15px;
}
.state-info .panel .summary {
    float: left;
    margin-right: 20px;
}
.state-info .panel .summary span {
    color: #49586e;
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;
}
.state-info .panel .summary h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    margin: 0;
}
.state-info .panel .summary h3.green-txt {
    color: #3193FF;
}
.state-info .panel .summary h3.red-txt {
    color: #fc8675;
}
.chart-bar {
    float: right;
    margin-top: 5px;
}

/*-----------------------------------
    GENERAL STATISTICS STYLES
-------------------------------------*/
.state-overview {
    color: #fff;
}
.state-overview .panel {
    padding: 22px 20px;
}
.state-overview .purple {
    background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
}
.state-overview .red {
    background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
}

/*.state-overview .red { background: #E45642; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); }
*/
.state-overview .blue {
    background: #3f88f9;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
}
.state-overview .green {
    background: #139bd7;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
}
.state-overview .symbol,
.state-overview .state-value {
    display: inline-block;
}
.state-overview .symbol {
    width: 35%;
}
.state-overview .symbol i {
    font-size: 40px;
}
.state-overview .state-value {
    width: 62%;
}
.state-overview .state-value .value {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 5px;
}
.state-overview .state-value .title {
    font-size: 19px;
}

/*-----------------------------------
    MORE STATISTICS BOX
-------------------------------------*/
.panel.deep-purple-box {
    background: #105497;
    height: 365px;
    box-shadow: 0 5px 0 #424f63;
    color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
}
ul.bar-legend {
    list-style-type: none;
    padding-left: 0px;
    margin: 0px 15px;
}
ul.bar-legend li {
    display: block;
    margin-bottom: 10px;
}
ul.bar-legend li span {
    float: left;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
ul.bar-legend li span.blue {
    background: #5ab6df;
}
ul.bar-legend li span.green {
    background: #4bcacc;
}
ul.bar-legend li span.purple {
    background: #6a8bbe;
}
ul.bar-legend li span.red {
    background: #fb8575;
}

/*-----------------------------------
    REVENUE STATES STYLES
-------------------------------------*/
.revenue-states h4 {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #495057;
}
.revenue-states .icheck .single-row {
    float: left;
    width: auto;
}
.revenue-states .icheck .checkbox {
    padding-left: 0;
    margin-top: 0;
}
.revenue-states .icheck .checkbox label {
    font-size: 12px;
}
ul.revenue-nav {
    list-style-type: none;
    float: right;
    margin-top: 20px;
    padding: 0;
}
ul.revenue-nav li {
    display: inline-block;
    margin-left: 5px;
}
ul.revenue-nav li a {
    background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);
    color: #fff;
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 12px;
}
ul.revenue-nav li a:hover,
ul.revenue-nav li a:focus,
ul.revenue-nav li.active a {
    background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);
    color: #fff;
}
.revenue-chart {
    width: 100%;
    height: 300px;
    text-align: center;
    margin: 12px auto;
}
ul.revenue-short-info {
    list-style-type: none;
    padding: 0;
}
ul.revenue-short-info li {
    float: left;
    width: 25%;
}
ul.revenue-short-info li h1 {
    font-size: 18px;
    font-weight: lighter;
    margin-bottom: 0;
}
ul.revenue-short-info li p {
    font-size: 12px;
    color: #bdbdbd;
}
ul.revenue-short-info .red {
    color: #fb8575;
}
ul.revenue-short-info .blue {
    color: #3bcddd;
}
ul.revenue-short-info .green {
    color: #3193FF;
}
ul.revenue-short-info .purple {
    color: #7ea8e1;
}
ul.lead-list {
    padding: 0px;
}
ul.lead-list li {
    list-style-type: none;
    padding: 15px;
    border-bottom: 1px dotted #b2c0d5;
}


ul.lead-list li:hover{
    background-color: #f0f2f8;
    }

/*-----------------------------------
    GOAL PROGRESS STYLES
-------------------------------------*/
ul.goal-progress {
    list-style-type: none;
    padding: 0;
}
ul.goal-progress li {
    display: inline-block;
    width: 100%;
    border-bottom: 1px dashed #dcdcdc;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
ul.goal-progress li .prog-avatar {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 25px;
}
ul.goal-progress li .prog-avatar img {
    width: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
ul.goal-progress li .details {}
ul.goal-progress li .title {
    margin-bottom: 10px;
    color: #495057;
font-weight: 600;
}
ul.goal-progress li .title a {
    color: #495057;
}
ul.goal-progress li .title a:hover {
    color: #3193FF;
}
ul.goal-progress li .progress {
    margin-bottom: 0px;
}


ul.project-time {
    list-style-type: none;
    padding: 0;
}
ul.project-time li {
    display: inline-block;
    width: 100%;
    border-bottom: 1px dashed #dcdcdc;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
ul.project-time li .prog-avatar {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 25px;
}
ul.project-time li .prog-avatar img {
    width: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
ul.project-time li .details {}

ul.project-time li .progress-box{display: flex;}
ul.project-time li .title {
 font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 13px;
	margin-bottom: 15px;
	display: flex;
align-items: center;
}

ul.project-time li .title img{margin-right: 5px;}

ul.project-time li .title a {
    color: #495057;
}
ul.project-time li .title a:hover {
    color: #3193FF;
}
ul.project-time li .progress {
    margin-bottom: 0px;
	width: 100%;
margin-right: 10px;
}
ul.project-time li .details .work-hours{
font-weight: 500;
font-size: 16px;
	line-height: 11px;

/* identical to box height, or 69% */
text-align: right;

color: #3193FF;
}
ul.project-time li .details small{
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 10px;

/* identical to box height, or 71% */

color: #74788D;
}











ul.up-inter {
    list-style-type: none;
    padding: 0;
}
ul.up-inter li {
width: 100%;
border-bottom: 1px solid rgba(123, 132, 146, 0.1);
margin-bottom: 0px;
padding-bottom: 0px;
height: 60px;
display: flex;
align-items: center;
padding: 18px 0px;
}
ul.up-inter li .prog-avatar {
    width: 45px;
    height: 45px;
    float: left;
    border-radius: 50%;
    margin-right: 15px;
}
ul.up-inter li .prog-avatar img {
    width: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
ul.up-inter li .details {width: 100%;}

ul.up-inter li .details small{font-size: 12px;color: #A5B2C2;}

ul.up-inter li .title {
 margin-bottom: 0px;
font-size: 15px;
color: #495057;
font-weight: 500;
}


ul.up-inter li .title .age{
padding: 5px 5px;
text-transform: capitalize;
font-size: 11px;}

ul.up-inter li .title a {
    color: #6a8abe;
}
ul.up-inter li .title a:hover {
    color: #3193FF;
}
ul.up-inter li .progress {
    margin-bottom: 0px;
}

/*-----------------------------------
    PROSPECTIVE LEADS - CHARTS
-------------------------------------*/
.pros-title {
    font-size: 13px;
    color: #535351;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 20px 0;
}
.pros-title span {
    color: #dddddd;
}
ul.pros-chart {
    list-style-type: none;
    padding: 0;
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}
ul.pros-chart li {
    float: left;
    margin-right: 14%;
}
ul.pros-chart li:last-child {
    margin-right: 0;
}
.p-chart-title {
    font-size: 12px;
    margin: 5px 0 0 0;
}
.v-title {
    font-size: 12px;
}
.v-value {
    font-size: 18px;
    color: #343434;
    margin-bottom: 5px;
}
.v-info {
    font-size: 12px;
    margin-top: 5px;
}

/*-------------------------------------------
        GREEN BOX [EASY PIE CHART] STYLES
-------------------------------------------*/
.green-box {
    background: none repeat scroll 0 0 #3193FF;
    box-shadow: 0 5px 0 #5bb996;
    color: #fff;
}
.knob {
    text-align: center;
}
.percent {
    color: rgba(255, 255, 255, 0.7);
    display: inline-block;
    font-size: 25px;
    z-index: 2;
    position: absolute;
    width: 90px;
    padding-top: 35px;
}
.percent .sm {
    font-size: 11px;
    display: block;
    padding-top: 32px;
}
.extra-pad {
    padding: 25px 15px;
}


.panel-body{padding: 15px;}

/*------------------------------------
    BLUE BOX [TWITTER FEED] STYLES
-------------------------------------*/
.panel.blue-box {
    background: none repeat scroll 0 0 #1AB0EC;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24);
    color: #fff;
}
.panel.blue-box h3 {
    color: #fff;
}
.twt-info h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0 30px 0;
    text-align: center;
}
.twt-info p {
    font-size: 18px;
    line-height: 25px;
    font-style: italic;
    margin: 0 0 20px 0;
    text-align: center;
}
.twt-info p a {
    color: #98fdf4;
}
.custom-trq-footer {
    background: none repeat scroll 0 0 #4eb6b7;
    box-shadow: 0 5px 0 #46a3a4;
    color: #fff;
    border-top: none;
}
ul.user-states {
    list-style-type: none;
    padding: 20px 0;
}
ul.user-states li {
    text-align: center;
    float: left;
    width: 33%;
    font-size: 18px;
}
.usr-info .thumb {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.media.usr-info>.pull-left {
    margin-right: 20px;
    margin-top: 10px;
}
.usr-info h4 {
    color: #658585;
    margin-bottom: 0;
}
.usr-info .media-body span {
    color: #ea755c;
    font-size: 12px;
    margin-bottom: 20px;
    display: inline-block;
}
.usr-info .media-body p {
    color: #b6bcbc;
}

/*------------------------------
         TODOLIST STYLES
------------------------------*/
.todo-title {
    margin-right: 25px;
    padding-top: 5px;
}
.to-do-list {
    padding-left: 0;
    margin-top: 0px;
    font-size: 13px;
}
.to-do-list li {
    padding: 10px 15px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
    border-radius: 10px;
    margin-bottom: 5px;
    justify-content: space-between;
    width: 100%;
    display: flex;
}

.to-do-list li .todo-content{
    display: block;
    width: 100%;
    display: flex;
    align-items: center;

}
.to-do-list li p {
    margin-bottom: 0px;
    font-weight: 400;
    font-size: 15px;
    color: #495057;
    display: inline-block;
    line-height: 25px;
}
.todo-actionlist {
    display: block;
}
.todo-actionlist a {
    height: 25px;
    width: 25px;
    background: #F2F2F3;
    border: 1px solid #EBEBEB;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
}
.todo-actionlist a i {
    height: 25px;
    width: 25px;
    display: inline-block;
    text-align: center;
    line-height: 18px;
    color: #ccc;
}
.todo-actionlist a:hover i {
    color: #666;
}
.todo-done i {
    font-size: 13px;
}
.todo-remove i {
    font-size: 10px;
}
.line-through {
    text-decoration: line-through;
}
.todo-action-bar {
    margin-top: 20px;
}
.drag-marker {
    height: 17px;
    display: block;
    float: left;
    width: 7px;
    position: relative;
    top: 0px;
}
.drag-marker i {
    height: 2px;
    width: 2px;
    display: block;
    background: #ccc;
    box-shadow: 5px 0 0 0px #ccc, 0px 5px 0 0px #ccc, 5px 5px 0 0px #ccc, 0px 10px 0 0px #ccc, 5px 10px 0 0px #ccc, 0px 15px 0 0px #ccc, 5px 15px 0 0px #ccc;
    -webkit-box-shadow: 5px 0 0 0px #ccc, 0px 5px 0 0px #ccc, 5px 5px 0 0px #ccc, 0px 10px 0 0px #ccc, 5px 10px 0 0px #ccc, 0px 15px 0 0px #ccc, 5px 15px 0 0px #ccc;
    -moz-box-shadow: 5px 0 0 0px #ccc, 0px 5px 0 0px #ccc, 5px 5px 0 0px #ccc, 0px 10px 0 0px #ccc, 5px 10px 0 0px #ccc, 0px 15px 0 0px #ccc, 5px 15px 0 0px #ccc;
}

/* To-Do Check*/
.to-do-list li .todo-check input[type=checkbox] {
    visibility: hidden;
}
.todo-check {
    width: 20px;
    position: relative;
    margin-right: 15px;
    margin-left: 10px;
    margin-top: -4px;
}
.todo-check label {
    cursor: pointer;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
    left: 0px;
    -webkit-border-radius: 8px;
    background: #FFFFFF;
border: 1px solid #EBEBEB;
border-radius: 8px;
}
.todo-check label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 13px;
    height: 7px;
    background: transparent;
    top: 7px;
    left: 6px;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.todo-check input[type=checkbox]:checked+label{
    background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);
    border-radius: 8px;
    border: none;

}

.todo-form{

    background: #F6F8F9;
    border-radius: 7px;
    padding: 5px;
    width: 100%;
    }

    .todo-form .form-control{
    border: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
    }

    .todo-form .form-control:hover, .todo-form .form-control:focus{border: none;
        box-shadow: none;}

    .todo-form .todo-btn{
        background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);
    box-shadow: 0px 1px 12px rgba(22, 132, 253, 0.2);
    border-radius: 7px !important;
    border: none;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 10px;
    }

.todo-checklabel:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}
.todo-check input[type=checkbox]:checked+label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
.todo-entry {
    float: left;
    width: 85%;
}



.slide_dropdown li{border: none !important;}


.panel-footer {
    padding: 10px 15px;
    background-color: #fff;
    border-top: 1px solid #E9EBEF;
}
/*-------------------
    BADGE STYLES
--------------------*/
.badge.badge-primary {
    background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);
}

.color-primary{color: #F54B3E;}
.color-danger{color: #F54B3E;}

.badge.badge-danger {
color: #F54B3E;
	background: rgba(245, 75, 62, 0.1);
border-radius: 4px;
}
.badge.badge-success {
    background: #a9d86e;
	background: rgba(90, 188, 153, 0.1);
border-radius: 4px;
	color: #5ABC99;
}
.badge.badge-warning {
   background: rgba(255, 158, 15, 0.1);
border-radius: 4px;
	color: #FF9E0F;
}
.badge.badge-important {
    background: #ff6c60;
}
.badge.badge-info {
 color:#3193FF;
background: rgba(49, 147, 255, 0.1);
border-radius: 4px;
  }

.badge.badge-inverse {
    background: #2A3542;
}

/*--------------------------------
        CAROUSEL STYLES
---------------------------------*/
.carousel-indicators li {
    background: rgba(0, 0, 0, 0.2);
    border: none;
    transition: background-color 0.25s ease 0s;
    -moz-transition: background-color 0.25s ease 0s;
    -webkit-transition: background-color 0.25s ease 0s;
}
.carousel-indicators .active {
    background: #333;
    height: 10px;
    margin: 1px;
    width: 10px;
}
.carousel-indicators.out {
    bottom: -5px;
}
.carousel-indicators.out {
    bottom: -5px;
}
.carousel-control {
    color: #999999;
    text-shadow: none;
    width: 45px;
}
.carousel-control i {
    display: inline-block;
    height: 25px;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 20px;
    z-index: 5;
}
.carousel-control.left,
.carousel-control.right {
    background: none;
    filter: none;
}
.carousel-control:hover,
.carousel-control:focus {
    color: #CCCCCC;
    opacity: 0.9;
    text-decoration: none;
}
.carousel-inner h3 {
    font-weight: 300;
    font-size: 16px;
    margin: 0;
}
.carousel-inner {
    margin-bottom: 15px;
}

/* --------------------------------
        CODE HIGHLIGHT STYLE
-----------------------------------*/
.highlight pre code {
    color: #333333;
    font-size: inherit;
}
.nt {
    color: #2F6F9F;
}
.na {
    color: #4F9FCF;
}
.s {
    color: #D44950;
}
.c {
    color: #999999;
}

/*-------------------------
        BUTTON STYLES
---------------------------*/
.btn-block {
    padding: 6px 12px;
}
.btn-gap .btn {
    float: left;
    margin-right: 5px;
}

/*----------------------
    STAR RATINGS STYLES
-----------------------*/
.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 30px;
}
.rating span.star,
.rating span.star {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
}
.rating span.star:hover,
.rating span.star:hover {
    cursor: pointer;
}
.rating span.star:before,
.rating span.star:before {
    content: "\f006";
    padding-right: 5px;
    color: #BEC3C7;
}
.rating span.star:hover:before,
.rating span.star:hover:before,
.rating span.star:hover~span.star:before,
.rating span.star:hover~span.star:before {
    content: "\f005";
    color: #3193FF;
}

/*----------------------------
        SLIDER STYLE
----------------------------*/
.slider-table tr td {
    padding: 30px 0 !important;
    border: none !important;
}

/*----------------------------------
       TABS & ACCORDIONS STYLE
-------------------------------------*/
.panel-heading .nav {
    border: medium none;

}
.panel-heading.custom-tab {
    margin-bottom: 30px;

}


.panel .panel-heading select{background: rgba(73, 80, 87, 0.07); border-radius: 20px; background-position: right;float: right;
    width: 150px;
    position: relative;
    top: -5px;
    right: -7px;border: none;}


.custom-tab ul{text-align: center;display: flex;justify-content: center;}

.custom-tab ul>li>a {
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    border-radius: 12px;
    text-transform: capitalize;
    color: #495057;
    padding: 12px 30px;
    border-radius: 12px;
    border: none;

}
.custom-tab {
    background: #FFFFFF;
    border: 1px solid #E9EBEF;
    border-radius: 16px;
}
.custom-tab.dark-tab {
    background: #424F63 !important;
}
.custom-tab.turquoise-tab {
    background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);
}
.custom-tab.blue-tab {
    background: #5BC0DE !important;
}
.custom-tab.yellow-tab {
    background: #F0AD4E !important;
}
.custom-tab.dark-tab li a,
.custom-tab.turquoise-tab li a,
.custom-tab.blue-tab li a,
.custom-tab.yellow-tab li a {
    color: #fff !important;
}
.custom-tab.dark-tab li.active a,
.custom-tab.dark-tab li a:hover {
    color: #424F63 !important;
}
.custom-tab.turquoise-tab li a:hover,
.custom-tab.turquoise-tab li.active a {
    color: #3193FF !important;
}
.custom-tab.blue-tab li a:hover,
.custom-tab.blue-tab li.active a {
    color: #5BC0DE !important;
}
.custom-tab.yellow-tab li a:hover,
.custom-tab.yellow-tab li.active a {
    color: #F0AD4E !important;
}
.custom-tab li a:hover,
.custom-tab li.active a {

    background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);
    box-shadow: 0px 5px 30px rgba(22, 132, 253, 0.25);
    border-radius: 12px;
    color: #fff !important;
border: none !important;
}




.modern-tab{
/* text-align: center; */
display: inline-block;
border: none;
box-shadow: 0px 3px 10px rgba(68, 71, 74, 0.07);
/* border: 1px solid #E9EBEF; */
border-radius: 5px;
margin: 0;
overflow: hidden;
width: 100%;
padding: 0px;
background-color: #fff;
margin-bottom: 10px;
}

.modern-tab ul{
    border: none;
    padding: 0px;
}

.modern-tab ul>li>a {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-transform: capitalize;
    color: #495057;
    padding: 10px 16px;
    border: none;
    margin: 0px;
    border-radius: 0px;
    display: block;
    border-bottom: 2px inset #fff;


}

.modern-tab.dark-tab {
    background: #424F63 !important;
}
.modern-tab.turquoise-tab {
    background: #3193FF !important;
}
.modern-tab.blue-tab {
    background: #5BC0DE !important;
}
.modern-tab.yellow-tab {
    background: #F0AD4E !important;
}
.modern-tab.dark-tab li a,
.modern-tab.turquoise-tab li a,
.modern-tab.blue-tab li a,
.modern-tab.yellow-tab li a {
    color: #fff !important;
}
.modern-tab.dark-tab li.active a,
.modern-tab.dark-tab li a:hover {
    color: #424F63 !important;
}
.modern-tab.turquoise-tab li a:hover,
.modern-tab.turquoise-tab li.active a {
    color: #3193FF !important;
}
.modern-tab.blue-tab li a:hover,
.modern-tab.blue-tab li.active a {
    color: #5BC0DE !important;
}
.modern-tab.yellow-tab li a:hover,
.modern-tab.yellow-tab li.active a {
    color: #F0AD4E !important;
}
.modern-tab li {background-color: #fff;margin-right: 5px;}
.modern-tab li:first-child{border-radius: 25px 0px 0px 25px}
.modern-tab li:last-child{border-radius: 0px 25px 25px 0px;border-right: none;}

.modern-tab li a:hover,
.modern-tab li a.active {
    color: #1885fd !important;
    border-bottom: 2px inset #1885fd;
}






.lead-tab{
    text-align: center;
    display: inline-block;
    border: none;
    border-radius: 10.456px;
    background: rgba(73, 80, 87, 0.09);
    margin: 0;
    overflow: hidden;
    width: 100%;
    padding: 5px;
    margin-bottom: 10px;
    }

    .lead-tab ul{
        border: none;
        padding: 0px;
    }

    .lead-tab ul>li>a {
        font-weight: 400;
        font-size: 16px;
        line-height: 18px;
        text-transform: capitalize;
        background-color: transparent;
        color: #495057;
        padding: 10px 16px;
        border: none;
        margin: 0px;
        border-radius: 5px;


    }

    .lead-tab.dark-tab {
        background: #424F63 !important;
    }
    .lead-tab.turquoise-tab {
        background: #3193FF !important;
    }
    .lead-tab.blue-tab {
        background: #5BC0DE !important;
    }
    .lead-tab.yellow-tab {
        background: #F0AD4E !important;
    }
    .lead-tab.dark-tab li a,
    .lead-tab.turquoise-tab li a,
    .lead-tab.blue-tab li a,
    .lead-tab.yellow-tab li a {
        color: #fff !important;
    }
    .lead-tab.dark-tab li.active a,
    .lead-tab.dark-tab li a:hover {
        color: #424F63 !important;
    }
    .lead-tab.turquoise-tab li a:hover,
    .lead-tab.turquoise-tab li.active a {
        color: #3193FF !important;
    }
    .lead-tab.blue-tab li a:hover,
    .lead-tab.blue-tab li.active a {
        color: #5BC0DE !important;
    }
    .lead-tab.yellow-tab li a:hover,
    .lead-tab.yellow-tab li.active a {
        color: #F0AD4E !important;
    }
    .lead-tab li {margin-right: 0px;}
    .lead-tab li:first-child{}
    .lead-tab li:last-child{border-right: none;}

    .lead-tab li a:hover,
    .lead-tab li.active a {
        border-right: 1px solid #eceef2 !important;
        background-color: #FFF !important;
        color: #495057 !important;
        border: none !important;
        /* box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10); */
    }





.form-tab ul{text-align: center;
display: inline-block;
border: none;
box-shadow: 0px 3px 10px rgba(68, 71, 74, 0.07);
border-radius: 50px;
	margin: 0;
overflow: hidden;}

.form-tab ul>li>a {
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    text-transform: capitalize;
    color: #495057;
    padding: 16px 16px;
    border: none;
	margin: 0px;
border-radius: 0px;


}
.form-tab {
    background-color: transparent;
    border: none;
    border-radius: 16px;
	text-align: center;
	margin-bottom: 20px;
}
.form-tab.dark-tab {
    background: #424F63 !important;
}
.form-tab.turquoise-tab {
    background: #3193FF !important;
}
.form-tab.blue-tab {
    background: #5BC0DE !important;
}
.form-tab.yellow-tab {
    background: #F0AD4E !important;
}
.form-tab.dark-tab li a,
.form-tab.turquoise-tab li a,
.form-tab.blue-tab li a,
.form-tab.yellow-tab li a {
    color: #fff !important;
}
.form-tab.dark-tab li.active a,
.form-tab.dark-tab li a:hover {
    color: #424F63 !important;
}
.form-tab.turquoise-tab li a:hover,
.form-tab.turquoise-tab li.active a {
    color: #3193FF !important;
}
.form-tab.blue-tab li a:hover,
.form-tab.blue-tab li.active a {
    color: #5BC0DE !important;
}
.form-tab.yellow-tab li a:hover,
.form-tab.yellow-tab li.active a {
    color: #F0AD4E !important;
}
.form-tab li {background-color: #fff;border-right: 1px solid #e9ebef;}
.form-tab li:first-child{border-radius: 25px 0px 0px 25px}
.form-tab li:last-child{border-radius: 0px 25px 25px 0px;border-right: none;}

.form-tab li a:hover,
.form-tab li.active a {

    background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);
    box-shadow: 0px 5px 30px rgba(22, 132, 253, 0.25);
    color: #fff !important;
border: none !important;
}





.hr-tab ul{text-align: center;display: inline-block;border: none;}

.hr-tab ul>li>a {
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
   	border-radius: 25px;
    text-transform: capitalize;
    color: #495057;
    padding: 10px 30px;
    border: none;
	background: #EFEEEE;


}
.hr-tab {
    background-color: transparent;
    border: none;
    border-radius: 16px;
	text-align: center;
	display: flex;
justify-content: space-between;
align-items: center;
}
.hr-tab.dark-tab {
    background: #424F63 !important;
}
.hr-tab.turquoise-tab {
    background: #3193FF !important;
}
.hr-tab.blue-tab {
    background: #5BC0DE !important;
}
.hr-tab.yellow-tab {
    background: #F0AD4E !important;
}
.hr-tab.dark-tab li a,
.hr-tab.turquoise-tab li a,
.hr-tab.blue-tab li a,
.hr-tab.yellow-tab li a {
    color: #fff !important;
}
.hr-tab.dark-tab li.active a,
.hr-tab.dark-tab li a:hover {
    color: #424F63 !important;
}
.hr-tab.turquoise-tab li a:hover,
.hr-tab.turquoise-tab li.active a {
    color: #3193FF !important;
}
.hr-tab.blue-tab li a:hover,
.hr-tab.blue-tab li.active a {
    color: #5BC0DE !important;
}
.hr-tab.yellow-tab li a:hover,
.hr-tab.yellow-tab li.active a,.hr-tab.yellow-tab li.active a:focus {
    color: #F0AD4E !important;
}
.hr-tab li {background-color: #fff;border-right: 1px solid #e9ebef;}
.hr-tab li:first-child{border-radius: 25px 0px 0px 25px}
.hr-tab li:last-child{border-radius: 0px 25px 25px 0px;border-right: none;}

.hr-tab li a img{width: 13px;}

.hr-tab li a:hover,.hr-tab li a:focus,.hr-tab li.active a:focus,
.hr-tab li.active a {
    background-color: #E6F2FE !important;
  color: #3193FF !important;
border: none !important;

border-radius: 4px;
}




	.profile-main-dashboard{position: relative;}
	.profile-main-dashboard .profile-sidebar{position: fixed;background-color: #fff;width: 451px;top: 58px;left: 60px;overflow-y: auto;height: 100vh;scroll-behavior: smooth;scrollbar-width:thin ;z-index: 1;padding: 10px;}
	.profile-main-dashboard .profile-right-bar{padding-left: 450px;}
	.punchin-box{margin-top: 15px;  background-color: #f4faff;  border-radius: 10px;  margin-bottom: 0px;}
    	.profile-box{position: relative;min-height: 120px;}







/* .panel-heading .nav>li>a,
.panel-heading .nav>li.active>a,
.panel-heading .nav>li.active>a:hover,
.panel-heading .nav>li.active>a:focus {
    border-width: 0;
    border-radius: 0;
}
.panel-heading .nav>li>a {
    color: #fff;
}
.panel-heading .nav>li.active>a,
.panel-heading .nav>li>a:hover {
    color: #3193FF;
    background: #ccc;
}
.panel-heading .nav>li:first-child.active>a,
.panel-heading .nav>li:first-child>a:hover {
    border-radius: 4px 0 0 0 !important;
    -webkit-border-radius: 4px 0 0 0 !important;
}
.tab-right {
    height: 45px;
}
.panel-heading.tab-right .nav>li:first-child.active>a,
.tab-right.panel-heading .nav>li:first-child>a:hover {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}
.panel-heading.tab-right .nav>li:last-child.active>a,
.tab-right.panel-heading .nav>li:last-child>a:hover {
    border-radius: 0 4px 0 0 !important;
    -webkit-border-radius: 0 4px 0 0 !important;
}
.panel-heading.tab-right .nav-tabs>li>a {
    margin-left: 1px;
    margin-right: 0px;
}
.panel-heading.dark {
    background: #f9f8f8;
    color: #fff;
}
.panel-heading.dark a:hover,
.panel-heading.dark a:focus {
    color: #fff;
} */

/*------------------------------
       CALENDAR STYLES
-------------------------------*/
/*
.has-toolbar.fc {
    margin-top: 50px;
}
*/
.fc-header-title {
    display: inline-block;
   margin-top: 20px;
    vertical-align: top;
}
.fc-header-center {
    text-align: left;
}
.fc-header-left {
    text-align: left;
    width: 18%;
}

.fc-button {
  top: 9px !important;
}

.fc-header {
  margin-bottom: 2px !important;
}

.fc-header-right .fc-button{
  margin-bottom: 1em;
  vertical-align: top;
  padding: 6px;
  background-color: #f5f5f5 !important;
  background: #F5F7F9 !important;
  border-radius: 0px !important;
}

.fc-header-right .fc-button:first-child{border-radius: 10px 0px 0px 10px !important;}
.fc-header-right .fc-button:last-child{border-radius: 0px 10px 10px 0px !important;}


.fc-button-inner {
  position: relative;
  float: left;
  overflow: hidden;
  padding: 2px !important;
}

/*
.fc-view {
    margin-top: -50px;
    overflow: hidden;
    width: 100%;
}
*/
.fc-state-default, .fc-state-default .fc-button-inner {
  background: rgb(245, 247, 249) !important;
  border-radius: 7px;
  color: #74788D;
  border: none;
  border: 0 !important;
}

.fc-header-right .fc-state-active .fc-button-inner {
	background-color: #fff !important;
	color: #3193FF;
}
.fc-header-right .fc-state-active .fc-button-inner .fc-button-content{
	color: #1785fd;
}

.fc-header-left .fc-button-inner {
  position: relative;
  float: left;
  overflow: hidden;
  padding: 2px !important;
}



.fc-state-default .fc-button-inner .fc-button-content{color:#74788D;}



.fc-state-active,
.fc-state-active .fc-button-inner,
.fc-state-active,
.fc-button-today .fc-button-inner,
.fc-state-hover,
.fc-state-hover .fc-button-inner {
  background: #F5F7F9 !important;
border-radius: 7px !important;
font-weight: 500;
font-size: 13px;
line-height: 6px;
color: #74788D;
border: none;
}
.fc-event-skin {
    background-color: #5d708c !important;
    border-color: #5d708c !important;
    color: #FFFFFF !important;
}
.fc-grid th {
 height: 45px;
line-height: 41px;
text-align: center;
background: #f7f8fa !important;
color: #74788D;
text-transform: uppercase;
border-radius: 10px;
}
.fc-widget-header {
    border-color: #fff;
}
.fc-widget-content {
    border-color: #fff;
 background: rgba(245, 247, 249, 0.8);
border-radius: 10px;
}
.fc-header-title h2 {
   font-weight: 500;
font-size: 18px !important;
line-height: 13px;
text-transform: uppercase;
color: #495057;
}.fc-border-separate th, .fc-border-separate td {
  border-width: 3px 3px 3px 3px !important;
  border-color: #fff !important;
}

.fc-grid .fc-day-number {
  float: left !important;
  padding: 12px 10px !important;
  background-color: #fff !important;
  left: 10px !important;
  position: relative;
  border-radius: 7px !important;
  border-radius: 0px 0px 8px 8px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 12px !important;
  text-align: center !important;
  color: #3193FF !important;
}
.external-event {
    cursor: move;
    display: inline-block !important;
    margin-bottom: 6px !important;
    margin-right: 6px !important;
    padding: 8px;
}
#external-events p input[type="checkbox"] {
    margin: 0;
}
#external-events .external-event {
    font-size: 11px;
    font-family:"Poppins",'Open Sans', sans-serif;
    font-weight: normal;
}
.drg-event-title {
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.fc-content .fc-event {
    border-radius: 4px;
    webkit-border-radius: 4px;
    padding: 4px 6px;
}
.drp-rmv {
    padding-top: 10px;
    margin-top: 10px;
}

/*---------------------------
    FONTAWESOME STYLES
----------------------------*/
.fontawesome-icon-list {
    margin-top: -20px;
}
.fontawesome-icon-list,
.fontawesome-icon-list a {
    color: #7a7676;
}
.fontawesome-icon-list a:hover {
    color: #49586E;
}
.fontawesome-icon-list a {
    margin-bottom: 10px;
    display: block;
}
.fontawesome-icon-list a i {
    padding-right: 10px;
}
.fontawesome-icon-list .page-header {
    margin: 15px 0 20px 0;
    font-size: 22px;
    color: #49586E;
}

/*----------------------------
      BASIC TABLE STYLE
-----------------------------*/
.general-table a {
    color: #49586E;
}

/*--------------------------------
        DYNAMIC TABLE STYLE
----------------------------------*/

table{color: #495057 !important;}
/* .display tbody tr:hover td{color: #3997ff;}  */


.table-advance tr td {
    vertical-align: middle !important;
}
.no-border {
    border-bottom: none;
}
/* .dataTables_length,
.dataTables_filter {
    padding: 15px 0;
}
.dataTables_info {
    padding: 15px 0 0 !important;
}
.dataTables_filter {
    float: right;
}
.dataTables_length select {
    width: 65px;
    padding: 5px 8px;
}
.dataTables_length label,
.dataTables_filter label {
    font-weight: 300;
}
.dataTables_filter label {
    width: 100%;
}
.dataTables_filter label input {
    width: 78%;
} */
.border-top {
    border-top: 1px solid #ddd;
}
.dataTables_paginate.paging_bootstrap.pagination li {
    float: left;
    margin: 0 1px;
    border: 1px solid #ddd;
    list-style: none;
}
.dataTables_paginate.paging_bootstrap.pagination li.disabled a {
    color: #c7c7c7;
}
.dataTables_paginate.paging_bootstrap.pagination li a {
    color: #797979;
    padding: 5px 10px;
    display: inline-block;
}
.dataTables_paginate.paging_bootstrap.pagination li:hover a,
.dataTables_paginate.paging_bootstrap.pagination li.active a {
    color: #fff;
    background: #3193FF;
    text-decoration: none;
}
.dataTables_paginate.paging_bootstrap.pagination li:hover,
.dataTables_paginate.paging_bootstrap.pagination li.active {
    border-color: #3193FF;
}
.dataTables_paginate.paging_bootstrap.pagination li.disabled:hover,
.dataTables_paginate.paging_bootstrap.pagination li.disabled:hover a {
    color: #C7C7C7;
    background: #fff;
    border-color: #DDDDDD;
    cursor: no-drop;
}
.dataTables_paginate.paging_bootstrap.pagination {
    float: right;
    margin-bottom: 15px;
}


.dataTables_paginate ul{padding: 0;margin: 0;}

.dataTable tr:last-child {
    border-bottom: 1px solid #ddd;
}
.general-table .progress {
    margin-bottom: 0;
}
.adv-table table tr td {
    padding: 10px;
}
.adv-table table.display thead th {
    padding: 5px 5px 5px 10px;
    white-space: nowrap;
    border-right: 2px solid #fff;
    background-color: #e6f3ff;
}
.adv-table table.display tfoot th {
	  border-bottom: none;
    padding: 5px 5px 5px 10px;
    white-space: nowrap;
    border-right: 2px solid #fff;
    background-color: #e6f3ff;
}

/*<!--.dataTable tr.odd.gradeA td.sorting_1, .dataTable tr.odd td.sorting_1, .dataTable tr.even.gradeA td.sorting_1 { background: none; }-->*/
.dataTable td.details {
    background-color: #424F63;
    color: #fff;
}
.dataTable td.details table tr td,
.dataTable tr:last-child {
    border: none;
}
.adv-table table.display tr.odd.gradeA {
    background-color: #fff;
}
.adv-table table.display tr.even.gradeA {
    background-color: #FFFFFF;
}
/* .adv-table .dataTables_filter label input {
    float: right;
    margin-left: 10px;
    width: 78%;
}
.adv-table .dataTables_filter label {
    line-height: 33px;
    width: 100%;
}
.adv-table .dataTables_length select {
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 5px 8px;
    width: 65px;
} */
.adv-table .dataTables_info,
.dataTables_paginate {
    padding: 15px 0;
}
.adv-table .dataTables_length,
.adv-table .dataTables_filter {
    /* padding: 15px 0; */
}
.adv-table .dataTables_length .form-control,
.adv-table .dataTables_filter .form-control{
    /* padding: 15px 0; */
    margin: 0 5px;
}

/*.cke_chrome { border: none !important; }*/
/* .editable-table .dataTables_filter {
    width: 80%;
} */

/*.dataTable tr.odd.gradeX td.sorting_1, .dataTable tr.even.gradeX td.sorting_1, table.display tr.even.gradeX, table.display tr.gradeX, tr.even.gradeU td.sorting_1, tr.even td.sorting_1, table.display tr.even.gradeC, table.display tr.gradeC, tr.odd.gradeC td.sorting_1, table.display tr.even.gradeU, table.display tr.gradeU, tr.odd.gradeU td.sorting_1 { background: none !important; }*/


.display thead { background-color: #fff;}
.display thead tr th { font-family: "Poppins"; font-style: normal; font-weight: 500;font-size: 13px; line-height: 10px; color: #3193FF;}
.display tfoot tr th { font-family: "Poppins"; font-style: normal; font-weight: 500; font-size: 13px; line-height: 10px; color: #3193FF;}
.display>tbody>tr:hover td,.display>tbody>tr:nth-child(2n+1):hover>td {  background-color: #f3f9ff;}
.display>thead>tr>th,.table>tbody>tr>th,.display>tfoot>tr>th,.display>thead>tr>td,.display>tbody>tr>td,.table>tfoot>tr>td {padding-right: 15px; padding: 10px;line-height: 24px;vertical-align: middle;border-bottom: 1px solid #E9EBEF;}
.display>thead>tr>th a,.table>tbody>tr>th a,.display>tfoot>tr>th a,.display>thead>tr>td a,.display>tbody>tr>td a,.table>tfoot>tr>td a { color: #3997ff;}
.display>thead>tr>th a{display:block;position: relative;}
.display>tbody>tr>td a.icn{ color: #495057; font-weight: 500; padding: 3px; background: rgb(230, 243, 255); background: rgb(233, 242, 251); border-radius: 4px; width: 26px; height: 26px;   display: inline-flex;
    justify-content: center; align-items: center; margin: 0px 2px; text-decoration: none;}
.display>tbody>tr>td a.icn img{/* filter: invert(40%) sepia(89%) saturate(2512%) hue-rotate(196deg) brightness(102%) contrast(98%); */}
/* .display>tbody>tr>td a.icn img{filter: invert(51%) sepia(54%) saturate(5917%) hue-rotate(196deg) brightness(98%) contrast(103%);} *//* .display>tbody>tr>td a.icn i{color:#1684FD;} */
.display>tbody>tr>td a.dt-icons{ color: #1677e8; font-weight: 500; padding: 4px; /* background: rgb(233, 242, 251); */   background: rgba(73, 80, 87, 0.07);  border-radius: 4px;  width: 26px;  height: 26px;  display: inline-flex;  justify-content: center;  align-items: center;  margin: 0px 2px; text-decoration: none;}
/* .display>tbody>tr>td a.dt-icons img{filter: invert(51%) sepia(54%) saturate(5917%) hue-rotate(196deg) brightness(98%) contrast(103%);}
.display>tbody>tr>td a.dt-icons i{color:#1684FD;} */


.dt-icons{ color: #495057; font-weight: 500; padding: 6px; /* background: rgb(233, 242, 251); */ background-color: #e6f3ff;  border-radius: 4px;  width: 26px;  height: 26px; display: inline-flex;   justify-content: center; align-items: center; margin: 0px 2px;   text-decoration: none;	vertical-align: top;}
.dt-icons img{filter: invert(40%) sepia(89%) saturate(2512%) hue-rotate(196deg) brightness(102%) contrast(98%);}
/* .dt-icons i{color:#1684FD;} */

.display>tbody>tr>td a:hover{ background: rgba(73, 80, 87, 0.07);color: #495057;}
/*.display>tbody>tr>td a:hover img{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(200%) contrast(100%);}*/
.display>tbody>tr>td a:hover i{color: #495057;}
.display>tbody>tr>td .form-control{ height: calc(1.2em + .75rem + 0px) !important;}
.display>tbody>tr>td a i {font-size: 13px;}
.display>tbody>tr:nth-child(2n+1)>td,.table-striped>tbody>tr:nth-child(2n+1)>th { font-size: 13px;}
.display>tbody>tr>td .user-box{ display: flex;align-items: center;justify-content: left;}
.display>tbody>tr>td .prog-avatar{border-radius: 50%; overflow: hidden;width: 35px; height: 35px; background-color: #c5c5c6; margin: 5px 10px;}
.display>tbody>tr>td .employee-name {line-height: 10px;line-height: 18px;}
.display>tbody>tr>td .employee-name .title{color: #495057;font-style: normal;font-weight: 500;font-size: 13px;line-height: 16px;}
.display>tbody>tr>td .employee-name small{font-style: normal;font-weight: 400;font-size: 13px;line-height: 12px;color: #7B8190;}
.display>tbody>tr>td .dropdown-menu {right: 0; left: auto;}

.display>tbody>tr>td .dropdown-menu > li > a{padding-right: 35px;color: #495057;white-space: nowrap;}
.display>tbody>tr>td .dropdown-menu > li > a:hover{padding-right: 35px;color: #3092FF !important; text-decoration: none; background-color: #e9f2fb;font-weight: 400;}
.display>tbody>tr>td .dropdown-menu > li > a:hover img{filter: invert(41%) sepia(57%) saturate(3187%) hue-rotate(196deg) brightness(101%) contrast(98%);}

.display>tbody>tr>td .active_status{background: rgba(101, 195, 102, 0.1);padding: 4px 20px;color: #65C366;font-weight: 500;cursor: pointer;border-radius: 20px;text-decoration: none;}
.display>tbody>tr>td .active_status:hover{background: rgba(101, 195, 102, 0.1);padding: 4px 20px;color: #65C366;font-weight: 500;cursor: pointer;border-radius: 20px;}
.display>tbody>tr>td .deactive_status{background: rgba(235, 69, 90, 0.1);padding: 4px 20px;color: #EB455A;font-weight: 500;cursor: pointer;border-radius: 20px;text-decoration: none;}
.display>tbody>tr>td .deactive_status:hover{background: rgba(235, 69, 90, 0.1);padding: 4px 20px;color: #EB455A;font-weight: 500;cursor: pointer;border-radius: 20px;}




.display-white thead {
    background-color: #fff;
}

.display-white thead tr th {
    border-bottom: none !important;
	font-weight: 800 !important;
	font-size: 13px;
	color: #495057;

}

.display-white tfoot tr th {
    border-bottom: none !important;
	font-weight: 800 !important;
	font-size: 13px;
	color: #495057;

}

.display-white>tbody>tr:hover td,
.display-white>tbody>tr:nth-child(2n+1):hover>td {
    background-color: #eff7ff;
}

.display-white>thead>tr>th,
.table>tbody>tr>th,
.display-white>tfoot>tr>th,
.display-white>thead>tr>td,
.display-white>tbody>tr>td,
.table>tfoot>tr>td {
    border-top: 0px;
    height: 37px;
    border: none;
    padding-right: 15px;
    vertical-align: middle;
    font-size: 13px;
    border-right: 2px solid #fff;
}

.display-white>thead>tr>th a,
.table>tbody>tr>th a,
.display-white>tfoot>tr>th a,
.display-white>thead>tr>td a,
.display-white>tbody>tr>td a,
.table>tfoot>tr>td a {
    color: #007ff5;
}


.display-white>thead>tr>th a{display:block;position: relative;white-space: nowrap;}

.display-white>tbody>tr>td a {

}

.display-white>tbody>tr>td a i {
    font-size: 13px;
}

.display-white>tbody>tr:nth-child(2n+1)>td,
.table-striped>tbody>tr:nth-child(2n+1)>th {
    font-size: 13px;
    border-top: 1px solid #f1f5f8;
border-bottom: 1px solid #f1f5f8;
}




.reportrang{
cursor: pointer;
line-height: 1.8;
-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
background: #FFFFFF;
border: 1px solid #E9EBEF;
border-radius: 5px;
	min-width: 275px;
padding: 4px 12px;
font-size: 13px;
font-weight: 400;
color: #838997;
}
.input-group .input-group-addon{background-color: #fff;border: 1px solid #fff;width: 37px;border: 1px solid #E9EBEF;}
.input-group .input-group-text{padding: 3px 10px;
  border-radius: 0;
  background-color: #fff;}

.reportrang img{width: 18px;filter: invert(60%) sepia(3%) saturate(556%) hue-rotate(169deg) brightness(86%) contrast(91%);}
.table-top { padding: 8px 0px; border-top: 1px solid #E9EBEF; margin-top: 0px; font-size: 14px;}


/*----------------------------
    EDITABLE TABLE STYLE
-----------------------------*/
/* .editable-table table input {
    width: 95% !important;
}
.editable-table table td a {
    color: #49586E;
}
.editable-table table td a:hover {
    color: #3193FF;
} */

/*--------------------------
        Media Gallery
----------------------------*/
/* .media-filter {
    float: left;
    margin: 10px 0;
    padding-left: 0;
}
.media-filter li {
    float: left;
    margin-right: 2px;
    list-style: none;
}
.media-filter li a {
    background: #3193FF;
    border-color: #3193FF;
    color: #fff;
    padding: 5px 10px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    text-decoration: none;
    font-size: 12px;
}
.media-filter li a:hover,
.media-filter li a:focus {
    background: #4c9b7e;
    border-color: #4c9b7e;
    color: #fff;
}
.media-gal {
    float: left;
    width: 100%;
    margin-top: 20px;
}
.media-gal .item {
    float: left;
}
.media-gal .item {
    margin-bottom: 1%;
    margin-right: 1%;
    width: 233px;
    background: #EFF0F4;
    color: #7A7676;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.media-gal .item:hover {
    background: #3193FF;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    color: #fff;
}
.media-gal .item:hover img {
    opacity: .3;
}
.media-gal .item p {
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
}
.media-gal .item img {
    height: 200px;
    width: 100%;
} */
.img-modal img {
    width: 100%;
    margin-bottom: 10px;
}

/*-----------------------------------
 Start: Recommended Isotope styles
-------------------------------------*/

/* Isotope Filtering */
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

/*Isotope CSS3 transitions */
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}

/*disabling Isotope CSS3 transitions */
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

/*------------------------------------*/

/*FORM STYLES*/

/*------------------------------------*/
.sm-input {
    width: 170px !important;
}
.form-horizontal.adminex-form .form-group {
    border-bottom: 1px solid #eff2f7;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.form-horizontal.adminex-form .form-group:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.form-horizontal.adminex-form .form-group .help-block {
    margin-bottom: 0;
}
.round-input {
    border-radius: 500px;
    -webkit-border-radius: 500px;
}
.m-bot15 {
    margin-bottom: 15px;
}
.form-horizontal.adminex-form .checkbox-inline>input {
    margin-top: 1px;
    border: none;
}
.iconic-input {
    position: relative;
}
.iconic-input i {
    color: #CCCCCC;
    display: block;
    font-size: 16px;
    height: 16px;
    margin: 8px 5px 8px 10px;
    position: absolute;
    text-align: center;
    width: 16px;
}
.iconic-input input {
    padding-left: 30px !important;
}
.iconic-input.right input {
    padding-left: 10px !important;
    padding-right: 30px !important;
}
.iconic-input.right i {
    float: right;
    right: 5px;
}
input.spinner[type="text"],
input.spinner[type="password"],
input.spinner[type="datetime"],
input.spinner[type="datetime-local"],
input.spinner[type="date"],
input.spinner[type="month"],
input.spinner[type="time"],
input.spinner[type="week"],
input.spinner[type="number"],
input.spinner[type="email"],
input.spinner[type="url"],
input.spinner[type="search"],
input.spinner[type="tel"],
input.spinner[type="color"] {
    /* background: url("../images/input-spinner.gif") right no-repeat !important; */
}

/*--------------------
     CK EDITORS
---------------------*/
.cke_chrome {
    box-shadow: 0 0 1px #c5c6ca !important;
}
.cke_top,
.cke_bottom {
    background: #EFF0F4 !important;
    box-shadow: none !important;
    border-top: none !important;
    border-bottom: none !important;
}

/*--------------------------
      FORM VALIDATION
---------------------------*/
.cmxform .form-group label.error {
    display: inline;
    margin: 5px 0;
    color: #FF6C60;
    font-weight: 400;
}
input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus,
.cmxform .form-group input.error,
.cmxform .form-group textarea.error {
    border-color: #FF6C60 !important;
}
#signupForm label.error {
    display: inline;
    margin: 5px 0px;
    width: auto;
    color: #FF6C60;
}
.checkbox,
.checkbox:hover,
.checkbox:focus {
    border: none;
}

/*--------------------------
      FORM WIZARD STYLES
---------------------------*/
.widget-container .stepy-tab ul,
.block-tabby ul.stepy-titles {
    border-bottom: none;
    padding: 0;
}
.fw-title {
    color: #424F63;
    margin-bottom: 30px;
}
.block-tabby ul.stepy-titles {
    margin-bottom: 10px;
}
.widget-container .stepy-tab ul li.current-step,
.block-tabby ul li.current-step {
    border: none;
    background: #3193FF!important;
    color: #fff;
}
.widget-container .stepy-titles li,
.stepy-titles li {
    background: #fff;
    margin-right: 15px;
    margin-bottom: 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
.widget-container .stepy-titles li span {
    font-size: 12px;
}
.widget-container .step {
    margin-bottom: 50px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 50px;
}
.widget-container .step legend {
    color: #3193FF;
    font-size: 16px;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 10px;
}
.widget-container input.form-control {
    padding: 0 10px;
}
.stepy-error {
    position: absolute;
    bottom: 105px;
}
.stepy-error label.error {
    font-size: 12px;
    font-weight: normal;
}
.step input,
.step textarea,
.step select,
.widget-content label.checkbox,
.widget-content label.radio {
    margin-left: 0 !important;
    padding-left: 0;
}
.widget-content label.checkbox input,
.widget-content label.radio input {
    margin-right: 10px;
}

/*----------------------------------------------
    CUSTOM CHECKBOX & RADIO BUTTONS STYLES
----------------------------------------------*/
.icheck div,
.icheck .disabled {
    float: left;
}
.icheck div {
    margin-right: 10px;
}
.icheck label {
    font-weight: normal;
}
.icheck .checkbox,
.icheck .radio {
    margin-bottom: 10px;
}
.icheck .single-row {
    display: inline-block;
    width: 100%;
}

/*-------------------------
    MULTI SELECT STYLE
--------------------------*/
.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
    background-color: #3193FF;
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none;
}
.ms-container .ms-list,
.ms-container .ms-list.ms-focus {
    box-shadow: none !important;
}
.ms-container .ms-list.ms-focus {
    border: 1px solid #3193FF;
}
.ms-selectable .search-input,
.ms-selection .search-input {
    margin-bottom: 10px;
}

/*---------------------------------
           SPINNER STYLE
----------------------------------*/
.spinner-buttons.input-group-btn {
    width: 20%;
}
.spinner-buttons.input-group-btn .btn-xs {
    line-height: 1.16;
}
.spinner-buttons.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-radius: 0 0 4px 0;
    -webkit-border-radius: 0 0 4px 0;
}
.spinner-buttons.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
}

/*----------------------------
     FILE UPLOAD STYLES
----------------------------*/
.fileupload .btn {
    margin-left: 0;
}

/*----------------------------
       TAGS INPUT STYLE
-----------------------------*/
div.tagsinput span.tag {
    background: #3193FF !important;
    border-color: #3193FF;
    color: #fff;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    padding: 2px 10px;
}
div.tagsinput span.tag a {
    color: #43886e;
}

/*---------------------------
    SLIDE TOGGLE STYLES
----------------------------*/
.slide-toggle div {
    float: left;
    margin-right: 20px;
}

/*--------------------------
      PICKERS STYLES
---------------------------*/
.add-on {
    float: right;
    margin-top: -46px;
    padding: 0px;
    text-align: center;
}
.add-on .btn {
    min-height: 46px;
    border-radius: 0;
}
.colorpicker.dropdown-menu {
    min-width: 130px;
    padding: 5px;
}
.datepicker.dropdown-menu {
    z-index: 1060;
    padding: 5px;
    margin-top: 40px !important;
}
.custom-date-range .input-group-addon {
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
}

/*-------------------------------------
     GOOGLE MAPS & VECTOR MAPS STYLE
-------------------------------------*/
.gmaps {
    height: 350px;
    width: 100%;
}
.vmaps {
    width: 100%;
    height: 400px;
}

/*--------------------------
      LOCK SCREEN STYLE
--------------------------*/
.lock-screen {

    background-size: cover;
    width: 100%;
    height: 100%;
    background-color: #e7e9ec;
}
.lock-wrapper {
    margin: 2% auto;
    max-width: 400px;
}
.lock-box {
    padding: 20px;
    position: relative;
    width: 100%;
    display: inline-block;
}
.lock-wrapper img {
    position: absolute;
    left: 35%;
    top: -80px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 6px solid #fff;
}
.lock-wrapper h1 {
    text-align: center;
    color: #3193FF;
    font-size: 21px;
    padding: 10px 0 10px;
    font-weight: 500;
}
.lock-wrapper .locked {
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 42px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    color: #fff;
    text-align: center;
    background: #3193FF;
    top: -19px;
    right: 113px;
    border: 4px solid #fff;
    font-size: 22px;
}
.lock-wrapper input,
.lock-wrapper input:focus {
    background: #eaeaec;
    border-color: #eaeaec;
  
    height: 40px;
    float: left;
}
.btn-lock {
    background: #3193FF;
    color: #fff;
    height: 40px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.btn-lock:hover {
    background: #0d5194;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/*--------------------------------
        PRICING TABLE
---------------------------------*/
.price-head {
    padding: 10px 0 50px;
}
.price-head h1 {
    font-size: 32px;
    font-weight: normal;
    color: #49586e;
}
.pricing-table {
    background: #fff;
    text-align: center;
    padding: 0 0 25px 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 5px 0 #e5e5e5;
    width: 110%;
    margin-left: -10px;
}
.pricing-table.most-popular {
    position: relative;
}
.most-popular {
    background: #3193FF;
    color: #fff;
    box-shadow: 0 5px 0 #60b193;
}
.most-popular .pricing-head {
    position: relative;
    height: 170px;
}
.most-popular .pricing-head h1 {
    color: #fff;
}
.most-popular .pricing-quote,
.most-popular ul li i {
    color: #3193FF;
}
.most-popular ul li {}
.most-popular .price-actions .btn {
    background: #60b193 !important;
    cursor: pointer;
    color: #fff !important;
}
.most-popular .pricing-quote {
    background: #fff;
}
.pricing-table .price-actions .btn {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #eff0f4;
    color: #a4a4a4;
    border: none;
    box-shadow: none;
    text-shadow: none;
    padding: 10px 20px;
    cursor: pointer;
    text-transform: uppercase;
}
.pricing-table .price-actions .btn:hover,
.most-popular.pricing-table .price-actions .btn:hover {
    background: #49586e !important;
    color: #fff;
}
.pricing-head {
    position: relative;
    height: 170px;
    color: #495057;
}
.pricing-head h1 {
    font-size: 24px;
    font-weight: 300;
    padding-top: 30px;
    color: #495057;
    text-transform: uppercase;
}
.pricing-quote {
    background: #eff0f4;
    padding: 50px 0;
    color: #49586e;
    font-size: 45px;
    font-weight: bold;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin: -85px auto;
    position: relative;
}
.pricing-table ul {
    margin: 120px 0 50px;
    padding: 0;
}
.pricing-table ul li {
    margin: 0 2em;
    padding: 1em 0;
    text-align: center;
    font-weight: 300;
}
.pricing-quote span.note {
    display: inline;
    font-size: 18px;
    line-height: 0.8em;
    position: relative;
    top: -18px;
}
.pricing-quote p {
    font-size: 12px;
    text-transform: uppercase;
    color: #a4a4a4;
    padding-top: 10px;
    font-weight: normal;
}
.pricing-quotation,
.team-info {
    background: #EEEEEE;
    padding: 20px 20px 35px 20px;
    margin-bottom: 100px;
    display: inline-block;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.pricing-quotation h3,
.team-info h3 {
    font-weight: 300;
}
.pricing-quotation p,
.team-info p {
    margin-bottom: 0px;
}
.pricing-plan,
.team-info-wrap {
    position: relative;
}

/*-------------------------------
        INVOICE STYLE
--------------------------------*/
.invoice-title {
    color: #3193FF;
    font-size: 48px;
    text-transform: uppercase;
    margin-top: 30px;
}
.invoice {
    color: #a4a4a4;
}
.inv-logo {
    margin-bottom: 10px;
}
.invoice-address {
    background: #f7f7f9;
    padding: 20px;
    margin-top: 10px;
    margin-left: -15px;
    margin-right: -15px;
}
.inv-col {
    margin-bottom: 5px;
}
.inv-col span {
    color: #3193FF;
}
.t-due,
.inv-label {
    font-size: 22px;
    color: #3193FF;
}
.inv-label {
    font-style: italic;
}
.amnt-value {
    color: #a4a4a4;
    font-size: 24px;
    margin-top: 10px;
    font-weight: bold;
}
.inv-to {
    text-transform: uppercase;
    font-size: 13px;
}
.corporate-id {
    font-weight: bold;
    font-size: 16px;
    color: #495057;
    margin-top: 5px;
    text-transform: uppercase;
}
.table-invoice {
    border-top: none !important;
    margin-top: -15px;
}
.table-invoice thead {
    background: #10477d;
    color: #fff;
}
.table-invoice th {
    border-bottom: none !important;
    padding: 20px 10px !important;
    border-color: #495057 !important;
}
.table-invoice th:first-child,
.table-invoice td:first-child {
    text-align: center;
}
.table-invoice td {
    vertical-align: middle !important;
}
.table-invoice h4 {
    color: #495057;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 5px 0;
}
.table-invoice strong {
    color: #495057;
}
.payment-method p {
    margin-bottom: 0;
}
.print-body {
    background: #eff0f4;
}

/*---------------------------
    ERROR PAGE STYLES
----------------------------*/
.error-page {
    background: #3193FF;
}
.error-wrapper {
    margin-top: 15%;
}
.error-wrapper h2 {
    font-size: 64px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}
.error-wrapper h3 {
    font-size: 32px;
    color: #474747;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 30px;
    margin-top: 0;
}
.error-wrapper .nrml-txt {
    font-size: 18px;
    color: #474747;
    font-weight: normal;
    line-height: 30px;
}
.error-wrapper .nrml-txt a {
    color: #a7ffdf;
}
.error-wrapper .back-btn {
    color: #fff;
    border: 1px solid #fff;
    padding: 15px 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 50px;
}
.error-wrapper .back-btn:hover {
    background: #fff;
    color: #3193FF;
    border-color: #fff;
}

/*---------------------------------
        TIMELINE STYELS
----------------------------------*/
.timeline {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    position: relative;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 50px;
}
.timeline .time-show {
    margin-right: -75px;
    margin-top: 30px;
    position: relative;
    margin-bottom: 30px;
}
.time-show .btn {
    width: 150px;
}
.timeline .time-show a {
    color: #fff;
}
.timeline:before {
    background-color: #d8d9df;
    bottom: 0px;
    content: "";
    left: 50%;
    position: absolute;
    top: 30px;
    width: 1px;
    z-index: 0;
}
h3.timeline-title {
    margin: 0;
    color: #C8CCD7;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 5px;
    text-transform: uppercase;
}
.t-info {
    color: #C8CCD7;
}
.timeline-item:before,
.timeline-item.alt:after {
    content: "";
    display: block;
    width: 50%;
}

.timeline-desk {
    display: table-cell;
    vertical-align: top;
    width: 50%;
}
.timeline-desk h1 {
    font-size: 16px;
    font-weight: 300;
    margin: 0 0 5px;
}
.timeline-desk .panel {
    display: block;
    margin-left: 45px;
    position: relative;
    text-align: left;
    background: #fff;
}
.timeline-item .timeline-desk .arrow {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: -7px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    width: 0;
}
.timeline-item .timeline-desk .arrow {
    border-right: 8px solid #fff !important;
}
.timeline-item.alt .timeline-desk .arrow-alt {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    right: -7px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    width: 0;
    left: auto;
}
.timeline-item.alt .timeline-desk .arrow-alt {
    border-left: 8px solid #fff !important;
}
.timeline .timeline-icon {
    left: -54px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}
.timeline .timeline-icon {
    background: #fff;
    border: 1px solid #D8D9DF
}
.timeline-desk span a {
    text-transform: uppercase;
}
.timeline-desk h1.red,
.timeline-desk span a.red {
    color: #EF6F66;
}
.timeline-desk h1.green,
.timeline-desk span a.green {
    color: #39B6AE;
}
.timeline-desk h1.blue,
.timeline-desk span a.blue {
    color: #56C9F5;
}
.timeline-desk h1.purple,
.timeline-desk span a.purple {
    color: #8074C6;
}
.timeline-desk h1.light-green,
.timeline-desk span a.light-green {
    color: #A8D76F;
}
.timeline-desk h1.yellow,
.timeline-desk span a.yellow {
    color: #fed65a;
}
.timeline .timeline-icon {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    display: block;
    height: 20px;
    width: 20px;
    text-align: center;
    color: #fff;
}
.timeline .timeline-icon i {
    margin-top: 9px;
}
.timeline-item.alt .timeline-icon {
    left: auto;
    right: -56px;
}
.timeline .time-icon:before {
    font-size: 16px;
    margin-top: 5px;
}
.timeline .timeline-date {
    left: -245px;
    position: absolute;
    text-align: right;
    top: 12px;
    width: 150px;
    display: none;
}
.timeline-item.alt .timeline-date {
    left: auto;
    right: -245px;
    text-align: left;
    display: none;
}
.timeline-desk h5 span {
    color: #999999;
    display: block;
    font-size: 12px;
    margin-bottom: 4px;
}
.timeline-item.alt:before {
    display: none;
}
.timeline-item:before,
.timeline-item.alt:after {
    content: "";
    display: block;
    width: 50%;
}
.timeline-desk p {
    font-size: 13px;
    margin-bottom: 0;
    color: #999;
}
.timeline-desk a {
    color: #1fb5ad;
}
.timeline-desk .panel {
    margin-bottom: 5px;
}
.timeline-desk .album {
    margin-top: 20px;
}
.timeline-item.alt .timeline-desk .album {
    margin-top: 20px;
    float: right;
}
.timeline-desk .album a {
    margin-right: 5px;
    float: left;
}
.timeline-item.alt .timeline-desk .album a {
    margin-left: 5px;
    float: right;
}
.timeline-desk .notification {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-top: 20px;
    padding: 8px;
}
.timeline-item.alt .panel {
    margin-left: 0;
    margin-right: 45px;
}
.mbot30 {
    margin-bottom: 30px;
}
.timeline-item.alt h1,
.timeline-item.alt p {
    text-align: right;
}

/*--------------------------------
            PROFILE STYLE
---------------------------------*/
.profile-pic{
    height: 90px;
    width: 90px;
    border-radius: 15px;
    border: 1px solid #eff7ff;
    overflow: hidden;
    background-color: #f2f2f3;
    border-radius: 50%;

}
.profile-pic img {
  height: 100%;
width: 100%;
}
.profile-desk h1 {color: #495057;font-size: 20px;font-weight: 500;margin: 5px 0px 10px 0;}
.profile-desk .designation {
  background: linear-gradient(271.37deg, #E0F0FF  0%, #E0F0FF  100%);
font-weight: 500;
border-radius: 4px;
color: #1785fd;
padding: 5px 11px;
text-transform: capitalize;
line-height: 22px;
vertical-align: middle;
font-size: 13px;
}
.profile-desk p {
    line-height: 25px;
    margin-bottom: 15px;
}
.p-follow-btn {
    background: #eff0f4;
    color: #a4a4a4
}
.p-follow-btn:hover,
.btn-post {
    background: #3193FF;
    color: #fff
}
.btn-post:hover {
    background: #10477d;
    color: #fff
}
ul.p-social-link {
    list-style-type: none;
    text-align: center;
}
ul.p-social-link li {
    display: inline-block;
    vertical-align: top;
}
ul.p-social-link li a {

    width: 30px;
    height: 30px;
    padding: 7px;
    line-height: 30px;
    text-align: center;
    margin: 0px 1px;

}
ul.p-social-link li a:hover {
    background: #e8e8eb;

}
ul.p-social-link li a:hover,
ul.p-social-link li.active a {
    color: #3193FF;
}
.p-text-area,
.p-text-area:focus {
    border: medium none;
    box-shadow: none;
    color: #C3C3C3;
    font-size: 16px;
    font-weight: 300;
}
.p-option li a {
    color: #adadad;
    font-size: 15px;
}
.p-option li a:hover {
    background: #3193FF;
    color: #fff;
}
ul.p-info {
    list-style-type: none;
	  margin-bottom: 0;
	padding: 0px;
	height: 100%;
	border-radius: 15px;
}
ul.p-info li {
    display: inline-block;
    width: 100%;
	margin-bottom: 5px;
}
ul.p-info li .badge{margin-bottom: 5px;}


ul.p-info li:last-child {
    margin-bottom: 0;
}
ul.p-info .title,
ul.p-info .desk {
    float: left;
}
ul.p-info .title {
    width: 60%;
}
ul.p-info .desk {
    width: 40%;
}



.project-detail ul.p-info {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;

}
.project-detail ul.p-info li {
    width: 32%;
    padding: 15px 0px;
    border-radius: 5px;
    border-bottom: 1px solid #eef2f5;
}
.project-detail ul.p-info li:last-child {
    margin-bottom: 0;
}
.project-detail ul.p-info .title,
.project-detail ul.p-info .desk {
    float: left;
}
.project-detail ul.p-info .title {
    width: 100%;
    text-transform: uppercase;
}
.project-detail ul.p-info .desk {
    width: 100%;
}

.task-issue strong{text-transform: uppercase;}


.profile-desk ul.p-info .title {
    color: #495057;
    text-transform: capitalize;
	font-weight: 500;
}
.profile-desk ul.p-info .desk {
    color: #495057;
}
.p-states h4 {
    color: #535351;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}
.p-states h4 span {
    color: #bfbfbf;
}
.p-states h3 {
    color: #495057;
    font-size: 25px;
    margin: 10px 0 0 0;
}
.p-states .chart-bar {
    margin-top: 20px;
}
.p-states.green-box {
    background: #3193FF;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.p-states.green-box h4,
.p-states.green-box h4 span,
.p-states.green-box h3 {
    color: #fff;
}
ul.activity-list {
    list-style-type: none;
    padding: 0;
}
ul.activity-list li {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eff0f4;
}
ul.activity-list .avatar img {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
ul.activity-list .activity-desk {
    margin-left: 70px;
}
ul.activity-list .activity-desk h5 {
    color: #495057;
}
ul.activity-list .activity-desk h5 a {
    font-weight: bold;
}
.activity-desk .album a {
    float: left;
    margin-right: 10px;
    width: 170px;
    height: 110px;
    overflow: hidden;
    margin-bottom: 10px;
}
.activity-desk .album a img {
    width: 100%;
}
#map-canvas {
    height: 200px;
    width: 100%;
}
.revenue-graph {
    height: 320px;
	margin-top: -35px;
}
.detail-bg {
    /*background-color: rgba(255,255,255,0.1);*/

    padding: 30px 15px;
    margin-top: 24px;
    border-radius: 12px;
}

/*--------------------------------------------
       Dashboard Event Calendar, charts
--------------------------------------------*/
.event-calendar {
    background: #1fb5ac;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    min-height: 474px;
}
.calendar-block {
    float: right !important;
    -webkit-border-radius: 0 5px 5px 0px;
    -moz-border-radius: 0 5px 5px 0px;
    border-radius: 0 5px 5px 0px;
    background: #fff;
    z-index: 1495057;
}
.event-list-block {
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
}
.calendar-block .day-contents {
    width: 30px;
    margin: auto;
}
.today .day-contents {
    width: 30px;
    background: #1fb0ab;
    cursor: pointer;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.calendar-block .day-contents:hover {
    width: 30px;
    background: #1fb0ab;
    cursor: pointer;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.cal1 .clndr .clndr-controls {
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    display: block !important;
    position: relative;
    margin-bottom: 10px;
    text-align: center;
    background: #51d4cc;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -15px;
    padding: 56px 20px;
    width: auto !important;
    color: #fff;
}
.cal1 .clndr .clndr-controls .month span {
    display: block;
    font-size: 30px;
    padding: 0px 10px;
    margin-bottom: 10px;
}
.cal1 .clndr .clndr-controls .month {
    color: #fff;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button,
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button {
    color: #fff;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button:hover,
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button:hover {
    background: #f4f4f4;
    padding: 5px 10px;
    color: #1fb0ab;
}
.clndr-previous-button {
    position: relative;
    top: -30px;
}
.clndr-next-button {
    position: relative;
    top: -30px;
}
#flotTip {
    background: rgba(495057, 495057, 495057, .7);
    padding: 5px 10px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	color: #495057;
font-weight: 500;
}
#main-chart-legend {
    padding: 2px 0px;
}
#main-chart-legend td {
    padding-right: 10px;
}
.main-chart {
    width: 100%;
    height: 300px;
    text-align: center;
    margin: 0 auto;
}

/*-------------------------
         MAIL INBOX
--------------------------*/
.mail-box {
    border-spacing: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
}
.mail-box>mail-nav,
.mail-box>section {
    display: table-cell;
    float: none;
    height: 100%;
    vertical-align: top;
}
.mail-nav {
    display: table-cell;
    float: none;
    height: 100%;
    vertical-align: top;
    width: 240px;
}
.mail-nav-bg-color {
    background: #fff;
}
.mail-box-info {
    background: #fff;
    padding: 15px;
}
.mail-nav h4 {
    margin: 0;
    padding: 15px;
  background: #fff;
color: #288efe;
}
.mail-nav-body {
    padding: 15px;
}
.mail-nav footer {
    background: #b8bbc5;
    border-top: none;
    margin-top: 20px;
}
.mail-nav footer .btn {
    border: none;
}
a.btn-compose {
    background: #3193FF;
    color: #fff;
    width: 100%;
    margin: 10px 0;
}
a:hover.btn-compose {
  background: #eff7ff;
color: #2d91ff;
}
.mail-navigation {
    margin-top: 15px;
}
.mail-navigation li a i {
    padding-right: 10px;
}
.mail-navigation li a {
    color: #495057;
	font-weight: 400;
}
.mail-navigation li a:hover {
 color: #3193ff;
background-color: #eff7ff;
}
.mail-navigation>li.active>a,
.mail-navigation>li.active>a:hover,
.mail-navigation>li.active>a:focus {
 background: #eff7ff;
color: #495057;

}
ul.labels-info li h5 {
color: #495057;
background: #eff7ff;
    font-size: 15px;
    margin: 10px -15px;
    padding: 15px;
    text-transform: uppercase;
}
ul.labels-info li a {
    border-radius: 0;
    color: #495057;
    padding-left: 0;
    padding-right: 0;
}
ul.labels-info li a i {
    padding-right: 10px;
}
.nav.nav-pills.nav-stacked.labels-info p {
    color: #85888f;
    font-size: 11px;
    margin-bottom: 0;
    padding: 0 22px;
}
ul.labels-info li a:hover,
ul.labels-info li a:focus {
    background: rgba(0, 0, 0, 0);
    color: #5c6e8a;
}
.mail-box-info {
    position: relative;
}
.mail-box-info .header {
    color: #495057;
    display: flex;
    justify-content: space-between;
    align-items: center;
  
}
.mail-box-info .mail-list {
    margin-top: 15px;
}
.mail-box-info .mail-list li a {
    font-size: 13px;
    color: #535351;
    text-decoration: none;
}
.mail-box-info .mail-list li a:hover {
    color: #1b2128;
}
.mail-box-info .mail-list li a.thumb {
    width: 22px;
    margin-right: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.mail-box-info .mail-list li a.thumb img {
    height: auto;
    max-width: 100%;
}
.mail-box-info .mail-list li .chk {
    margin-right: 15px;
}
.mail-list {
    overflow-x: hidden;
    overflow-y: auto;
    height: 657px;
}
.mail-list .list-group-item {
    border-radius: 0;
    -webkit-border-radius: 0;
margin-bottom: 0;
	padding: 15px;
	border: none;
	border-bottom: 1px solid #e9ebef !important;
}

.mail-list .list-group-item:hover{background-color: #f5f5f5;}

.mail-box-info header h4 {
    margin: 5px 0;
    color: #5C6E8A;
}
.compose-mail {
    width: 100%;
    display: inline-block;
    position: relative;
}
.compose-mail .compose-options {
    color: #979797;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    position: absolute;
    right: 10px;
    top: 7px;
}
.compose-options a {
    color: #5C6E8A;
}
.compose-mail input,
.compose-mail input:focus {
    border: none;
    width: 78%;
    float: left;
	height: 34px;
}
.compose-mail .form-group {
    border: 1px solid #eaebee;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
}
.compose-mail .form-group label {
    line-height: 42px;
    width: 20%;
    float: left;
    padding-left: 10px;
    margin-bottom: 0;
    background: #eaebee;
    margin-right: 10px;
	font-weight: 500;
}
.compose-editor input {
    margin-top: 15px;
}
.compose-editor {
    margin-top: 35px;
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}
.compose-btn {
    float: left;
}
.compose-editor textarea {
    border-color: #eaebee;
}
.mail-sender,
.attachment-mail {
    width: 100%;
    display: inline-block;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #EFF2F7;
    padding: 10px 0;
}
.attachment-mail ul li .links a {
    font-size: 11px;
}
.mail-sender img {
    width: 30px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
	border-radius: 50%;
margin-right: 5px;
}
.mail-sender .date {
    line-height: 30px;
    margin-bottom: 0;
    text-align: right;
}
.view-mail a,
.attachment-mail a:hover {
    color: #3193FF;
}
.attachment-mail a {
    color: #5C6E8A;
}
.attachment-mail ul li {
    float: left;
    width: 100px;
    margin-right: 15px;
    margin-top: 15px;
    list-style: none;
}
.attachment-mail ul li a.atch-thumb img {
    width: 100px;
    height: auto;
    margin-bottom: 10px;
}
.attachment-mail ul li a.name span {
    float: right;
    color: #5C6E8A;
    font-size: 11px;
}

/*------------------------------------
                Blog styles
-------------------------------------*/
.blog h1 {
    font-size: 18px;
    text-transform: uppercase;
    color: #424242;
    font-weight: 400;
    margin: 0px 0 10px 0;
    line-height: 30px;
}
.blog h1 a {
    color: #424242;
}
.blog h1 a:hover,
.blog h1 a:focus,
.auth-row a:hover,
.auth-row a:hover {
    color: #3193FF;
}
.blog .auth-row {
    color: #c8c8c8;
    font-weight: 300;
    padding-bottom: 20px;
    font-size: 13px;
}
.auth-row a {
    color: #C8C8C8;
}
.blog .blog-img-wide img {
    width: 100%;
    height: 350px;
    padding-bottom: 25px;
}
.blog-img-sm img {
    width: 100%;
    padding-bottom: 0;
}
.blog p {
    padding-bottom: 15px;
    font-size: 13px;
}
.blog a.more {
    margin-bottom: 10px;
    display: inline-block;
}
.blog .fa-quote-left {
    font-size: 20px;
    padding: 40px 0;
    color: #d3d3d3;
}
.blog-search,
.blog-search:focus {
    float: left;
    margin-right: 10px;
    background: #f1f1f1;
    border: none;
    height: 35px;
    box-shadow: none;
}
.btn-search,
.btn-search:hover,
.btn-search:focus {
    background: #3193FF;
    color: #fff;
}
.blog-post h3 {
    font-size: 16px;
    text-transform: uppercase;
    color: #424242;
    font-weight: bold;
    padding-top: 0px;
    margin-top: 0;
}
.blog-post h5 a {
    color: #424242;
    text-transform: uppercase;
}
.blog-post h5 a:hover,
.blog-post h5 a:focus,
.blog-post ul li a:hover,
.blog-post ul li a:focus {
    color: #3193FF;
}
.blog-post p {
    padding-bottom: 0;
}
.blog-post ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}
.blog-post ul li {
    line-height: 35px;
    color: #837f7e;
}
.blog-post ul li a {
    line-height: 35px;
    color: #837f7e;
}
.blog-post ul li i {
    padding-right: 10px;
}
.carousel-indicators li {
    /*background: rgba(255, 255, 255, 0.5);*/

    border: none;
}
.carousel-indicators {
    margin-bottom: 10px;
}
blockquote {
    margin-left: 50px;
    color: #a1a1a1;
    font-style: italic;
}
blockquote p {
    line-height: 30px;
    padding-bottom: 0 !important;
}
.blog-tags {
    border-top: 1px solid #f1f1f1;
    margin: 30px 0 0 0;
    padding-top: 30px;
    display: inline-block;
    width: 100%;
}
.blog-tags a {
    background: #f1f1f1;
    color: #808086;
    padding: 5px 10px;
    margin-left: 8px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.tag-social ul {
    background: #f1f1f1;
    height: 35px;
    padding-left: 0;
    margin-top: -5px;
    border-radius: 3px;
    position: relative;
    padding: 0 10px;
    list-style-type: none;
}
.tag-social ul:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(241, 241, 241, 0);
    border-left-color: #f1f1f1;
    border-width: 5px;
    margin-top: -5px;
}
.tag-social ul li {
    float: left;
}
.tag-social ul li a {
    margin-top: 3px;
    display: inline-block;
    margin-left: 0;
}
.tag-social ul li a:hover,
.blog-cmnt .media-heading a:hover,
.blog-tags a:hover {
    color: #3193FF;
}
.blog-tags a.btn-share {
    background: #3193FF;
    margin-top: -10px;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
}
ol.comment-list {
    list-style: none;
    padding-left: 0;
}
.blog-cmnt.media>.pull-left {
    margin-right: 30px;
}
.blog-cmnt .media-heading,
.blog-cmnt .media-heading a {
    color: #414147;
    font-size: 13px;
    text-transform: uppercase;
}
.blog-cmnt .media-object {
    width: 105px;
    height: 102px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.blog-cmnt .media-object-child {
    width: 76px;
    height: 72px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.blog .blog-cmnt p {
    font-size: 15px;
    line-height: 25px;
    padding-top: 5px;
}
.mp-less {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.blog-cmnt .media-body span {
    color: #808086;
    padding-bottom: 20px;
    display: inline-block;
}
.bl-status {
    float: left;
    width: 100%;
}
.bl-status .reply {
    background: #f1f1f1;
    color: #808086;
    padding: 5px 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-top: -5px;
}
.bl-status .reply:hover {
    background: #3193FF;
    color: #fff;
}
.media,
.media .media {
    margin-top: 0px;
}
.cmnt-head {
    font-size: 24px !important;
}
.fade-txt {
    color: #adadad;
    font-size: 13px;
}
.leave-cmnt {
    width: 70%;
    margin: 20px auto;
}
.leave-cmnt input,
.leave-cmnt textarea,
.leave-cmnt input:focus,
.leave-cmnt textarea:focus {
    background: #f2f2f2;
    border: none;
    box-shadow: none;
}
.btn-post-cmnt {
    background: #3193FF;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    padding: 12px 25px;
}
.btn-post-cmnt:hover {
    background: #414147;
    color: #fff;
}
.blog-pagination li a {
    background: #fff;
}
.blog .carousel-indicators.out {
    bottom: 15px;
}

/*panel*/
.panel-title-m {
    margin-top: 0px;
}

/*--------------------------------
          Directory Styles
--------------------------------*/
.directory-list,
.directory-info-row .social-links {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.directory-list li {
    border-left: 1px solid #EFF0F4;
    display: table-cell;
    width: 1%;
}
.directory-list li a {
    display: block;
    padding: 8px 0;
    text-align: center;
    text-transform: uppercase;
    background: #fff;
    color: #7A7676;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    text-decoration: none;
}
.directory-list li a:hover,
.directory-info-row .social-links li a:hover {
    background: #3193FF;
    color: #fff;
}
.directory-info-row {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}
.directory-info-row .social-links {
    display: inline-block;
    margin-top: 10px;
}
.directory-info-row .social-links li {
    display: inline-block;
}
.directory-info-row .social-links li a {
    background: #EFF0F4;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #7A7676;
}
.directory-info-row h4,
.directory-info-row a {
    color: #424F63;
}
.directory-info-row .thumb {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-right: 20px;
}

/*-------------------------------
            chat styles
-------------------------------*/
.chats {
    margin: 0;
    padding: 0;
    margin-top: -15px;
    margin-right: 10px;
    width: 100%;
    margin: 0 auto;
    height: calc(100vh - 272px);
    flex-direction: column;
    justify-content: end;
    max-width: 1200px;
  }

.chats li {
    list-style: none;
    padding: 8px 0 5px;
   /* margin: 7px auto; */
    font-size: 16px;
    color: #495057;
    display: inline-block;
    align-self: flex-end;
    width: 100%;
}


.chats li::before, .chats li::after{clear: both;content: '';}


.chats li.text-right{margin-left: auto;}
.chats li.text-left{margin-right: auto;}

.chats li.text-left .outer-message-box{background-color: #f8f5ff;color:#495057;}



.chats li img.avatar {
    height: 45px;
    width: 45px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}
.chats li.in img.avatar {
    float: left;
    margin-right: 10px;
    margin-top: 0px;
}
.chats li .name {
    font-size: 13px;
    font-weight: 400;
}
.chats li .datetime {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
}
.chats li.out img.avatar {
    float: right;
    margin-left: 10px;
    margin-top: 0px;
}
.chats li .message {
    display: block;
    padding: 10px;
    position: relative;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.chats li.in .message {
    text-align: left;
    margin-left: 0px;
    float: right;
    max-width: 70%;
	background-color: #f6f8f8;
}
.chats li.in .message .arrow {
    display: block;
    position: absolute;
    top: 15px;
    left: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}
.chats li.out .message .arrow {
    display: block;
    position: absolute;
    top: 15px;
    right: -8px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #EFF0F4;
}
.chats li.out .message {
    text-align: left;
    float: left;
    max-width: 70%;
    background-color: #eff7ff;
    border: 1px solid #eff7ff;
}
.chats li.out .name,
.chats li.out .datetime {
    text-align: right;
}
.chats li .message .body {
    display: block;
    font-size: 13px;
}
.chat-form {
    margin-top: 15px;
    padding: 10px;
    background-color: #fff;
    clear: both;
    border: none;
}

.chat-form .form-control{border-radius: 30px;height: 50px; background-color: #f1f1f4;padding: 8px 20px; line-height: 30px;}
.chat-form .flex-table-btn{padding: 6px 6px;border-radius: 50%;font-size: 21px;height: 50px;width: 50px;text-align: center;}


.chat-scroll-left::-webkit-scrollbar {
    width: 9px;
  }
  .chat-scroll-left::-webkit-scrollbar-track {
    background: transparent;
  }
  .chat-scroll-left::-webkit-scrollbar-thumb {
    background-color: rgba(155, 155, 155, 0.5);
    border-radius: 20px;
    border: transparent;
  }


.chat-form .input-cont {
    margin-right: 55px;
}
.chat-form .input-cont input {
    margin-bottom: 0px;
}
.chat-form .input-cont input {
    border: 1px solid #ddd;
    width: 94%;
    margin-top: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.chat-form .input-cont input {
    background-color: #fff !important;
}
.normal-chat .message {
    border: 1px solid #EFF0F4;
    border-left: 1px solid #EFF0F4 !important;
    border-right: 1px solid #EFF0F4 !important;
    padding: 10px !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
.normal-chat li img.avatar {
    height: 45px;
    width: 45px;
}
.normal-chat li.in img.avatar,
.normal-chat li.out img.avatar {
    margin-top: 0px;
}
.normal-chat li.in .message .arrow {
    border-right: 8px solid #EFF0F4 !important;
}
.normal-chat li.in .message .arrow {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: -8px;
    position: absolute;
    top: 15px;
    width: 0;
}
.normal-chat li.out .message .arrow {
    border-left: 8px solid #EFF0F4 !important;
}
.normal-chat li.out .message .arrow {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    position: absolute;
    right: -8px;
    top: 15px;
}
.normal-chat li.in .name {
    color: #000 !important;
    font-weight: 500;
    text-align: right;
    text-decoration: none;
    cursor: default;
}
.normal-chat li.out .name {
    color: #000 !important;
font-weight: 500;
text-align: left;
text-decoration: none;
cursor: default;
}


.normal-chat li.in .datetime {
   float: right;
   color: #666;
}
.normal-chat li.out .datetime {
    float: left;
    color: #666;
 }


.normal-chat li .datetime {

    font-size: 11px !important;
    font-weight: 400;
}
.chat-form .form-group {
    width: 87%;
    margin-right: 1%;
    float: left;
}
.chats li.out .name {
    color: #fff;
}
.cool-chat li.in .message {
    background: #616161;
    color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 16px;
    font-weight: 400;
}
.cool-chat li.in .message .arrow {
    border-right: 8px solid #616161;
}
.cool-chat li.in .message a.name {
    font-weight: bold;
}
.cool-chat li.in .message .datetime {
    opacity: .7;
}
.cool-chat li.in .message a.name,
.cool-chat li.in .message .datetime {
    color: #fff;
}
.cool-chat li.out .message .arrow {
    border-left: 8px solid #3193FF;
}
.cool-chat li.out .message {
    background: #3193FF;
    border-radius: 5px;
    color: #fff;
    -webkit-border-radius: 5px;
}
.make-responsive {
    width: 100%;
    display: block;
    clear: both;
    overflow: auto;
}
.chat-box {
    width: 100%;

    clear: both;

    justify-content: center;
    align-items: end;
}
.chat-group{border-bottom: 1px solid #E9EBEF;border-top: 1px solid #E9EBEF;}

.chat-group a{
    display: block;
    text-align: center;
    color: #3193FF;
    padding: 10px;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;
    
}
.chat-group a:hover p{color: #2D91FF;}
.chat-group a:hover img{color: #2D91FF;filter: invert(49%) sepia(25%) saturate(4473%) hue-rotate(193deg) brightness(101%) contrast(101%);}

.chat-group a p{color: #495057;margin-bottom: 0px;}
.chat-group a:hover{background: rgba(49, 147, 255, 0.08);}


.chat-group img{margin-bottom: 5px;}





.cal-color {
   width: 100%;
padding-left: 0px;
margin-bottom: 50px;
display: flex;
flex-wrap: wrap;
}
.cal-color li {
   display: inline-block;
color: #7B8492;
padding: 5px 10px;
list-style-type: none;
width: 20%;
}
.fc-button-content {
    text-transform: uppercase;
}
@media(max-width:768px) {
    .bootoast-container.center {
        left: 50%;
        }
    .make-responsive {
        width: 100%;
        display: block;
        clear: both;
        overflow: auto;
    }
    .bootoast-container.center {
    left: 50%;
    }
}

/*************************************************/

/********************************/
.form-horizontal .control-label {
    text-align: left;
    font-weight: 500;


}
.active-status {
    color: #21b384;
}
.deactive-status {
    /*color:#C31111;*/

    color: #999;
}
/* .edit-icon {
    color: #495057;
} */
.delete-icon {
    color: #C31111;
}
/* .dt-icons {
    font-size: 14pt;
    font-size: 14pt;
    padding: 7px 0px;
    border-radius: 50px;
    height: 31px;
    width: 23px;
} */

/*--------------------------------
          style-responsive Css
--------------------------------*/
.float {
    float: right;
}

@media(max-width:800px) {

		.profile-main-dashboard{position: relative;padding-top: 120px;}
	.profile-main-dashboard .profile-sidebar{position: static;background-color: #fff;width: 100%;top: 58px;left: 60px;overflow-y: auto;height: auto;scroll-behavior: smooth;scrollbar-width:thin ;z-index: 1;padding: 10px;}
	.profile-main-dashboard .profile-right-bar{padding-left: 0px;}
	.punchin-box{margin-top: 25px;background-color: #f4faff;border-radius: 10px;margin-bottom: 25px;}
	.profile-box{position: relative;}



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

    .float {
        float: left;
    }
}

@media(max-width:1600px) {
.detail-box{display: block !important;justify-content: space-between !important;}
.detail-box .detail-box-child-one{width: 100% !important;}
.detail-box .detail-box-child-two{width: 100% !important;padding: 15px 0px!important;}
}


/*@media(max-width:1380px) {
.input-append, .date, .dpYears{width:80% !important;}
}*/
@media(max-width:1500px) {
    .margin-top {
        margin-top: 10px;
    }

    .float {
        float: left;
    }
    /*.input-append, .date, .dpYears{width:70%;}*/
}
@media(max-width:1200px) {

    .time-top{display: none !important;}

}

/* MEDIA QUERIES */
@media screen and (max-width: 768px) {
    body {
        position: relative;
    }

    .left-side {
        display: none;
    }

    .main-content {
        margin-left: 0;
                width: 100%;
    }

    .left-side-collapsed .left-side {
        display: none;
    }

    .left-side-collapsed .main-content {
        margin-left: 0;
    }

    .left-side-collapsed .header-section {
        margin-left: 0;
    }

    .left-side-show section {
        overflow-x: hidden;
    }

    .left-side-show .left-side {
        display: block;
    }

    .left-side-show .main-content {
        margin-left: 60px;
    }

    .btn-demo {
        margin-bottom: 20px;
    }

    .left-sideinner {
        padding: 5px 10px;
    }

    .left-sideinner .searchform input {
        background: #fff;
        border: 0;
    }

    .sticky-header .header-section {
        left: 0 !important;
    }

    .sticky-header.left-side-show .header-section {
        left: 60px !important;
    }

    .sticky-header .menu-right {
        margin-right: 0px !important;
        display: block;
        float: left;
        width: 100% !important;
    }

    .sticky-header .left-side {
        top: 60px;

    }

    .lock-wrapper {
        margin: 25% auto;
    }

    .sticky-left-side .custom-nav {
        margin-top: -5px;
    }

    .stepy-error {
        bottom: 50px;
    }

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

    .notification-menu{justify-content: center;padding: 10px 0px;}


    .filter-main{display: block !important;}
}
@media screen and (max-width: 767px) {


    .custom-tab {
        background: #FFFFFF;
        border: 1px solid #E9EBEF;
        border-radius: 16px;
        padding: 10px;
        margin: 0;
          margin-bottom: 0px;
        overflow-x: auto;
    }

    .custom-tab ul > li > a {
        font-weight: 400;
        font-size: 13px;
        line-height: 18px;
        border-radius: 12px;
        text-transform: capitalize;
        color: #495057;
        padding: 4px 10px;
        border-radius: 12px;
        border: none;
      }

    .searchform {
        position: relative;
    }

    .searchform input {
        background: #fff;
    }

    .notification-menu li:nth-child(4) {
        display: none;
    }

    .left-side .searchform,
    .left-side .logged-user {
        display: block;
    }

    .breadcrumb-wrapper {
        display: none;
    }

    .notification-menu .dropdown-menu:after {
        display: none;
    }
    /*calendar*/

    .fc-button-inner {
        padding: 0;
    }
    /*media gallery*/

    .media-gal .item {
        width: 100%;
    }

    .media-filter {
        margin: 25px 0;
    }

    .media-filter+.pull-right,
    .media-filter+.pull-right+.btn {
        float: left !important;
    }
    /*state info*/

    .state-info {
        position: static;
        width: 100%;
        margin-top: 15px;
    }

    .state-info .panel {
        width: 100%;
    }

    .lock-wrapper {
        margin: 40% auto;
    }

    .pricing-table {
        width: 100%;
        margin-left: 0;
    }

    .mail-box>aside,
    .mail-box>section {
        display: block;
        margin-bottom: 10px;
        width: 100%;
    }

    .mail-list {
        height: auto;
    }
}

@media screen and (max-width: 480px) {
    /*form wizard steps*/

    .widget-container .stepy-titles li,
    .stepy-titles li {
        width: 100%;
    }

    .directory-list li {
        display: inline-block;
        float: left;
        width: auto;
    }

    .directory-list li a {
        display: block;
        padding: 5px 10px;
        margin-bottom: 1px;
    }
}
@media screen and (max-width: 479px) {
    /*//.input-append, .date, .dpYears{width:50%;}*/



    .login-wrap {
        width: 100%;
    }
    /*calendar*/

    .fc-button-inner,
    .fc-button-content {
        padding: 0;
    }

    .fc-header-title h2 {
        font-size: 12px!important;
    }

    .fc .fc-header-space {
        padding-left: 0;
    }

    .fc-state-active,
    .fc-state-active .fc-button-inner,
    .fc-state-active,
    .fc-button-today .fc-button-inner,
    .fc-state-hover,
    .fc-state-hover .fc-button-inner {
        background: none repeat scroll 0 0 #FFFFFF !important;
        color: #32323A !important;
    }

    .fc-state-default,
    .fc-state-default .fc-button-inner {
        background: none repeat scroll 0 0 #FFFFFF !important;
    }

    .error-wrapper h1 img {
        width: 100%;
    }
    /*form wizard steps*/

    .widget-container .stepy-titles li,
    .stepy-titles li {
        width: 100%;
    }

    .directory-list li {
        display: inline-block;
        float: left;
        width: auto;
    }

    .directory-list li a {
        display: block;
        padding: 5px 10px;
        margin-bottom: 1px;
    }

    .margin-top {
        margin-top: 10px;
    }
}
@media screen and (max-width: 360px) {
    .notification-menu li:first-child .dropdown-menu {
        margin-right: -90px;
    }

    .notification-menu li:nth-child(2) .dropdown-menu {
        margin-right: -45px;
    }

    .notification-menu li:nth-child(3) .dropdown-menu {
        margin-right: 0px;
    }

    .nav-tabs.nav-justified.nav-profile>li {
        float: none;
        display: block;
        width: auto;
    }

    .lock-wrapper {
        margin: 40% auto;
        max-width: 300px;
    }

    .lock-wrapper input,
    .lock-wrapper input:focus {
        width: 80% !important;
    }

    .lock-wrapper .locked {
        right: 70px;
    }
}
@media screen and (max-width: 320px) {
    .lock-wrapper {
        margin: 40% auto;
        max-width: 300px;
    }

    .lock-wrapper input,
    .lock-wrapper input:focus {
        width: 80% !important;
    }

    .lock-wrapper .locked {
        right: 70px;
    }

    .media-filter li {
        margin-bottom: 10px;
        display: inline-block;
    }

    .media-filter+.btn-group .btn {
        margin-bottom: 5px;
    }
}

/*****************/
.modal-header {
    background-color: #fff;
    color: #5a6167;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid #eaeaea;
}
.notification-menu .dropdown-toggle {
    padding: 0 0 0 0;
    margin: 0px 0 0 0;
}
.notification-menu .dropdown-toggle img {
    max-width: 50px !important;
    max-height: 40px !important;
}

.notification-menu li a img:hover{
    filter: invert(40%) sepia(89%) saturate(2512%) hue-rotate(196deg) brightness(102%) contrast(98%);
}

.notification-menu .dropdown-toggle .pro-img{border-radius: 50px;}

/*****************************************/

/***************************/

.btn-sm, .btn-group-sm>.btn {
    padding: 9px 10px !important;
    font-size: 13px !important;
    line-height: 1.5;
    border-radius: 3px;
    min-height: 4px !important;
    line-height: 10px !important;
}


.btn{
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 15px;
    font-size: 15px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    /* line-height: 33px; */
}

.btn-primary {
    background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);
    box-shadow: 0px 5px 30px rgba(22, 132, 253, 0.25);
    color: #ffffff !important;


}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color: #1f8af4;
    border-color: #0173b2;
    color: #ffffff;
}


.btn-secondary {
background: linear-gradient(226.37deg, #FF9D7A 24.4%, #FF7C4C 75.6%);
box-shadow: 0px 5px 30px rgba(155, 157, 122, 0.25);
border-radius: 5px;
min-height: 35px;
color: #ffffff !important;
}


.btn-purple {
    background: linear-gradient(271.37deg, #7D82E4 0%, #6369D1 100%);
    box-shadow: 0px 5px 30px rgba(155, 157, 122, 0.25);
    border-radius: 5px;
    min-height: 35px;
    color: #ffffff !important;
    }








/* .btn-default{
background: #fff;
border: 1px solid #E9EBEF;
border-radius: 7px;
color: rgba(73, 80, 87, 0.5);
}  */




img {
    max-width: 100%;
}

/*****************************************/

/***************************/
.fixed-logo {
    /* background: url(../images/fixed-logo.png) no-repeat; */
    height: 105px;
    width: 206px;
    position: fixed;
    z-index: 54950570;
    right: 20px;
    bottom: -20px;
    opacity: 0.5;
}
.fixed-logo:hover {
    opacity: 1;
}
.fixed-logo {
    background-size: 195px auto;
    z-index: 110;
}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    z-index: 115 !important;
}
.grayBox {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    filter: alpha(opacity=50);
    z-index: 1495057;
}

/*****************************************/

/***************************/

/*--------------------------
      TAB STYLES
---------------------------*/
.r-tabs .r-tabs-nav {
    margin: -31px 0 0 -1px;
    padding: 0;
}
.r-tabs .r-tabs-tab {
    display: inline-block;
    list-style: none outside none;
    margin: 0 6px 0 0;
}
.r-tabs .r-tabs-panel {
    display: none;
    padding: 15px;
}
.r-tabs .r-tabs-accordion-title {
    display: none;
}
.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}
.r-tabs {
    border: 1px solid #999;
    border-radius: 4px;
    margin: 0 auto;
    position: relative;
}
.r-tabs .r-tabs-nav .r-tabs-tab {
    position: relative;
}
.r-tabs .r-tabs-nav .r-tabs-anchor {
    color: #495057;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    padding: 0 12px;
    text-decoration: none;
}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #495057;
    text-shadow: none;
}
.r-tabs .r-tabs-panel {
    background-color: white;
    border-bottom: 4px solid white;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    background: none repeat scroll 0 0 #e0e0e0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #495057;
    display: block;
    font-size: 13px;
    font-weight: normal;
    padding: 10px;
    text-decoration: none;
    text-shadow: 0 1px rgba(0, 0, 0, 0.4);
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    background-color: #fff;
    color: #495057;
    text-shadow: none;
}
ul.tabs {
    float: left;
    height: 32px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
ul.tabs li {
    background: none repeat scroll 0 0 #e0e0e0;
    border: 1px solid #999;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    float: left;
    height: 31px;
    line-height: 31px;
    margin: 0 5px -1px 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
ul.tabs li a {
    border: 1px solid #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #495057;
    display: block;
    font-size: 1.2em;
    outline: medium none;
    padding: 0 20px;
    text-decoration: none;
}
ul.tabs li a:hover {
    background: none repeat scroll 0 0 #ccc;
}
html ul.tabs li.active,
html ul.tabs li.active a:hover {
    background: none repeat scroll 0 0 #fff !important;
    border-bottom: 1px solid #fff;
}
.tabContainer {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #999;
    border-radius: 0 8px 8px;
    clear: both;
    float: left;
    overflow: hidden;
    width: 100%;
}
.tabContent {
    font-size: 1.2em;
    padding: 20px;
}
.tabContent {
    overflow-x: scroll !important;
}
@media only screen and (max-width: 768px) {
    .r-tabs .r-tabs-nav {
        display: none;
    }

    .r-tabs .r-tabs-accordion-title {
        display: block;
    }
    /*.input-append, .date, .dpYears{width:40%;}*/
}

/*--------------------------
      New Paginations
---------------------------*/
.new-pagination {
    clear: both;
    padding-top: 10px;
	padding: 15px 15px;
}
.new-pagination,
.new-pagination span,
.new-pagination a {
    text-align: left;
    font-size: 13px!important;
    transition: all 0.3s;
}
.new-pagination .paginate_active {
    font-size: 15px!important;
    transition: all 0.3s;
    background: #3193FF;
    color: #fff;
    border-color: #3193FF;
}
.new-pagination .paginate_button {
    border: 1px solid #E9EBEF;
    display: inline-block;
    margin: 0 1px;
    border-radius: 5px;
}
.new-pagination .paginate_button a {
    padding: 5px 10px;
    display: inline-block;
    color: #797979;
    text-decoration: none;
	line-height: 23px;
}
.new-pagination .paginate_button:hover {
    transition: all 0.3s;
    background: #3193FF;
    color: #fff;
    border-color: #3193FF;
}
.new-pagination .paginate_button:hover a {
    color: #fff;
}
.new-pagination .paginate_active {
    border: 1px solid #3193FF;
    display: inline-block;
    margin: 0 1px;
    padding: 5px 12px;
    border-radius: 5px;
}
.new-selectbox {
/* background: url(../images/1.png) no-repeat 92% 13px; */
    background-color: rgba(0, 0, 0, 0);
border: 1px solid #e2e8f0;
border-radius: 0;
border-radius: 8px;
display: inline-block;
outline: medium none;
padding: 7px 23px 7px 12px;
position: relative;
text-align: left;
text-decoration: none;
vertical-align: middle;
width: 100%;
font: 13px/26px Poppins, sans-serif;
color: #4C4C4C;
min-height: 26px;
cursor: pointer;
margin-top: 12px;
background-color: #fff;
}
.new-selectbox:focus {
    border-color: #ccc;
    box-shadow: 0px 0px 4px #9E9E9E !important;
    outline: medium none;
    transition: all 0.25s ease-in-out 0s !important;
}
.new-selectbox:hover {
    border-color: #ccc;
    box-shadow: 0px 0px 4px #9E9E9E !important;
    outline: medium none;
    transition: all 0.25s ease-in-out 0s !important;
}
.new-selectbox-options {
    border: 1px solid #bbb;
    border-radius: 0;
    color: #5d5d5d;
    vertical-align: middle;
    width: 90%;
    padding: 10px 10px 10px 10px;
    font: 13px/26px Tahoma, Geneva, sans-serif;
    position: absolute;
    background: #fff;
    z-index: 1111;
    white-space: nowrap;
    word-spacing: 0px;
    max-height: 344px;
    text-align: left;
overflow: auto;
}

.new-selectbox-options .listbox{padding: 6px 8px;border-bottom: 1px solid #ebf0f6; font-weight: 500;display: block;margin-bottom: 0px;}
.new-selectbox-options .listbox:hover{background-color: #1684FD;color:#fff;}

.new-selectbox-options input[type=checkbox] {
    float: left;
    clear: both;
    margin: 6px 10px 0 0;
    ;
}
.datepicker {
    z-index: 1051;
    top: 0px;
    left: 0px;
    padding: 10px;
    margin-top: 1px;
    border-radius: 4px;
    background: rgb(25, 118, 210) none repeat scroll 0% 0% !important;
    border-color: rgb(25, 118, 210) !important;
    color: #FFF;
}
table.table {
    clear: both;
    margin-bottom: 6px !important;
    max-width: none !important;
}
.table-hover tr th {
    background: rgba(22, 132, 253, 0.05) !important;
border-radius: 8px;
color: #3193FF;
font-weight: 500;
}
.table-goal tr th {

    background: rgba(22, 132, 253, 0.05) !important;
border-radius: 8px;
color: #3193FF;
}
.CurrentNoteClass {
    background-color: #DFF0D8 !important;
    border-color: #D6E9C6 !important;
}

/*.checked{
	position:absolute;
	        left: 10px;
    bottom: -4px
}*/
.to-top {
    /* background: url("images/small_content_back_to_top_sprite.png") repeat scroll 0 0 #FFFFFF; */
    bottom: 165px;
    cursor: pointer;
    display: none;
    height: 47px;
    position: fixed;
    right: 22px;
    -moz-transition: background 400ms ease 0s;
    -webkit-transition: background 400ms ease 0s;
    transition: background 400ms ease 0s;
    width: 48px;
}
.to-top:hover {
    background-position: 0 -47px;
}
.lead-check .btn-primary.active {
    background-color: #fff !important;
    border-color: #666;
    color: #666;
}
.lead-check .btn-red {
    background-color: #A04242;
    border-color: #A04242;
    color: #ffffff;
}
.lead-check .btn-red.active {
    background-color: #fff !important;
    border-color: #666;
    color: #666;
}
.lead-check .btn-yellow {
    background-color: #F5D625;
    border-color: #F5D625;
    color: #ffffff;
}
.lead-check .btn-yellow.active {
    background-color: #fff !important;
    border-color: #666;
    color: #666;
}
.disabled {
    color: #4f6ace;
}
table tbody tr td a {
    color: #1f8af4;
}
table tbody tr td a:hover {
    color: #495057;
    font-weight: 500;

}

.text-white{color:#fff;}
.text-primary {
    color: #495057;
}

.hr-widget .icons{background-color: #3193FF;
color: #fff;
border-radius: 50px;
height: 60px;
width: 60px;
float: left;
padding: 18px;
font-size: 22px;}


.hr-widget .head-box{
	padding-left: 75px;
	padding-top: 5px;
}
.hr-widget .head-box h3{margin: 0px;font-weight: 800;}
.hr-widget .head-box p{text-transform: uppercase;}

.emp-avail h4{font-weight: 800;}


.bg-blue{background-color: #3193FF;}


.top-perform .avatar{width: 60px;height:60px;border-radius: 50%;padding: 5px;border: 1px solid #ccc;}


.round-progress{
    width: 150px;
    height: 150px;
    line-height: 150px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
}
.round-progress:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 12px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.round-progress > span{
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}
.round-progress .progress-left{
    left: 0;
}
.round-progress .progress-bar{
    width: 100%;
    height: 100%;
    background: none;
    border-width: 12px;
    border-style: solid;
    position: absolute;
    top: 0;
}
.round-progress .progress-left .progress-bar{
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}
.round-progress .progress-right{
    right: 0;
}
.round-progress .progress-right .progress-bar{
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    animation: loading-1 1.8s linear forwards;
}
.round-progress .progress-value{
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background: #fff;
	font-weight: 600;
    font-size: 28px;
    color: #495057;
    line-height: 135px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
}
.round-progress.blue .progress-bar{
    border-color: #3193FF;
}
.round-progress.blue .progress-left .progress-bar{
    animation: loading-2 1.5s linear forwards 1.8s;
}
.round-progress.yellow .progress-bar{
    border-color: #fdba04;
}
.round-progress.yellow .progress-left .progress-bar{
    animation: loading-3 1s linear forwards 1.8s;
}
.round-progress.pink .progress-bar{
    border-color: #ed687c;
}
.round-progress.pink .progress-left .progress-bar{
    animation: loading-4 0.4s linear forwards 1.8s;
}
.round-progress.green .progress-bar{
    border-color: #1abc9c;
}
.round-progress.green .progress-left .progress-bar{
    animation: loading-5 1.2s linear forwards 1.8s;
}
@keyframes loading-1{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@keyframes loading-2{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}
@keyframes loading-3{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
@keyframes loading-4{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg);
    }
}
@keyframes loading-5{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg);
    }
}
@media only screen and (max-width: 990px){
    .progress{ margin-bottom: 20px; }
}

.progress-bar-info {
    background-color: #b3e4f2;
}
.progress-bar-success {
    background-color: #bafdba;
}
.progress-bar-warning {
    background-color: #fdd397;
}
.progress-bar-danger {
    background-color: #f09d9a;
}


.timeline-item {
 border-left:2px solid #f5f5f5;
border-bottom:2px solid #f5f5f5;
 position:relative;
 padding:15px;
}

.timeline-item:hover::after {
 transform:scale(3.5)
}
.timeline-item::after {
 -moz-transition:ease 0.1s;
 -o-transition:ease 0.1s;
 -webkit-transition:ease 0.1s;
 transition:ease 0.1s;
 border:2px solid #f5f5f5;
 background:#666;
 display:block;
 position:absolute;
 content:'';
 width:8px;
 height:8px;
 top:1.3em;
 left:-5px;
 border-radius:30px
}
.timeline-item.ti-primary:after {
 background:#495057
}
.timeline-item.ti-info:after {
 background:#0dcaf0
}
.timeline-item.ti-success:after {
 background:#7EB93F
}
.timeline-item.ti-warning:after {
 background:#f8b500
}
.timeline-item.ti-danger:after {
 background:#FF1843
}


.timeline-item .avatar {
    width: 34px;
    min-width: 34px;
    height: 34px;
	background-color: #b3e4f2;
border-radius: 50%;
}


.d-flex {display: flex;}

.flex-fill {
    flex: 1 1 auto !important;
	margin-left: 10px;
}

.justify-content-center{justify-content: center;}
.justify-content-between{justify-content: space-around;}


.align-items-center{align-items: center;}

.profile-grid{display: flex;align-items: center;justify-content: stretch;margin-bottom: 30px;flex-wrap: wrap;}
.profile-grid .profile-list-box{padding: 0px 10px;flex-basis: 20%; }
.profile-grid .profile-list-box .panel{height: 335px;}

.teacher-card{}
.teacher-card .title{font-style: normal;    font-weight: 500;    font-size: 15px;    line-height: 13px;    margin: 18px 0px;      margin-top: 18px;   text-transform: capitalize;    color: #495057;
       line-height: 24px;}
.teacher-card .avatar{border-radius: 50%;width: 100px;height: 100px; }.teacher-card .profile-av {}.teacher-card .video-setting-icon{padding-top: 15px;margin-top: 15px;min-height: 70px;}
.teacher-card .about-info{padding: 5px 5px;display: flex;justify-content: space-around;background: rgba(47, 47, 47, 0.02);margin-top: 15px;}
.teacher-card .about-info i{display: block;}
.teacher-card .about-info .icn{height: 50px;display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0px 10px;
    text-align: center;
    font-size: 13px;
    border-right: 1px solid #E8E8E8;
    flex: 1;}

.teacher-card .about-info .icn .number{ font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px;}
.teacher-card .about-info .icn .label{ font-style: normal; font-weight: 400; font-size: 13px; line-height: 20px; color: #8c8c8c; padding: 2px 10px;}
.teacher-card .about-info .icn img{margin-bottom: 3px;width: 18px; margin: 0px auto;}
.teacher-card .followers i{color: #3f88f9;font-size: 20px;}.teacher-card .star i{color: #0f3f89;font-size: 0px;}.teacher-card action i{color: #0781f1;font-size: 20px;}.teacher-card .own-video i{color: #139bd7;font-size: 20px;}
.teacher-card .teacher-info{width: 100%;}
.teacher-card .teacher-info .emp-label{background: #F0F8FF; font-weight: 500; border-radius: 4px; color: #1684FD; padding: 4px 20px; line-height: 17px; vertical-align: middle;height: 26px;}
.teacher-card .teacher-info .emp-info{background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);	border-radius: 17px;border-radius: 50%;padding: 10px;}
.teacher-card .badge-exit{background-color:#e16161;color:#fff;    margin: 0 10px;padding: 4px 10px; border: 0px;    vertical-align: middle;    line-height: 13px;}

.caret-pos{font-size: 11px;position: relative;top: -1px;right: 0px;}






@media only screen and (max-width: 1660px) {

.profile-grid{display: flex;align-items: center;justify-content: stretch;margin-bottom: 30px;flex-wrap: wrap;}
.profile-grid .profile-list-box{padding: 0px 10px;flex-basis: 25%; }
	.profile-grid .profile-list-box .panel{height: 335px;}

}

@media only screen and (max-width: 1450px) and (min-width: 990px) {

.profile-grid{display: flex;align-items: center;justify-content: stretch;margin-bottom: 30px;flex-wrap: wrap;}
.profile-grid .profile-list-box{padding: 0px 10px;flex-basis: 25%; }
	.profile-grid .profile-list-box .panel{height: 335px;}


}


@media only screen and (max-width: 991px) and (min-width: 768px) {

.profile-grid{display: flex;align-items: center;justify-content: stretch;margin-bottom: 30px;flex-wrap: wrap;}
.profile-grid .profile-list-box{padding: 0px 10px;flex-basis: 48%; }
	.profile-grid .profile-list-box .panel{height: 335px;}


}


@media only screen and (max-width: 767px) and (min-width: 320px) {

.profile-grid{display: flex;align-items: center;justify-content: stretch;margin-bottom: 30px;flex-wrap: wrap;}
.profile-grid .profile-list-box{padding: 0px 10px;flex-basis: 100%; }
	.profile-grid .profile-list-box .panel{height: 335px;}


}











.badge{font-weight: 400;border-radius: 5px;padding: 8px 11px;text-transform: capitalize;color: #fff;vertical-align: top;}
.emp-task .dropdown-menu{left: -81px;}

.emp-task .dropdown-menu li a{padding: 5px 15px;}
.emp-task .dropdown-menu li a:hover{background-color: #3193FF;}


.rounded-circle{border-radius: 50%;}
.avatar.sm {
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;

}

.avatar-list-stacked .avatar{margin-left: -12px;box-shadow: 0 0 0 2px #fff;}

.avatar-list .avatar {
    color: #fff;
    font-weight: 600;
    width: 2rem;
    height: 2rem;
  line-height: 21px;
    border-radius: 50%;
    display: inline-block;
    background: #3193FF no-repeat center/cover;
    position: relative;
    vertical-align: bottom;
    font-size: 13px;
    user-select: none;
    min-width: 2rem;
}

.lesson_name .project-block {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 60px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #fff;
    font-size: 30px;
	background-color: #3193FF;
}
 .lesson_name .project_name {
    position: absolute;
    left: 50%;
    top: 33px;
    transform: translateX(-50%);
}
.lesson_name h4{font-weight: 800;}

.ms-2{margin-left: 10px;}

.ms-1{margin-left: 5px;}

.progress-bar{background-color: #62ACFF;}

.avatar-list{margin-left: 10px;}

.light-danger-bg{
	background-color: #ffcaca;
padding: 2px 5px;
border-radius: 5px;
font-weight: 400;
}

.btn-outline-secondary{
background-color: #fff;
border: 1px solid #e9e9ed;
}

/* .btn-outline-secondary i{font-size: 20px;} */

.projects-view {display: flex; flex-wrap: wrap;}
.projects-view .panel{margin-bottom:10px !important;}
.projects-view .project-data{display: flex;justify-content: space-between;}
.projects-view .project-data li{vertical-align: top;}
.projects-view .project-data li{}
.projects-view .project-data li:last-child{border-right: none;}

.projects-view .project-data li img{filter: invert(51%) sepia(54%) saturate(5917%) hue-rotate(196deg) brightness(98%) contrast(103%);width: 15px;}


.projects-view .project-data li a{vertical-align: top;color:#495057;}
.projects-tab{border: 1px inset #3193FF;border-radius: 5px;height: 38px;overflow: hidden;}
.projects-tab .active{background-color: #3193FF;color: #fff;border: 1px inset #3193FF;}
.projects-tab .btn-default:hover{background-color: #3193FF;border: #3193FF;color:#fff;}





.email-wrap .email-app-sidebar .main-menu > li a[aria-selected="true"] span {
  color: #24695c !important; }

.modal-bookmark .modal-body, .modal-bookmark .modal-header {
  padding: 25px; }
  .modal-bookmark .modal-body h5, .modal-bookmark .modal-header h5 {
    font-weight: 600; }

.bookmark-wrap .btn-mail {
  color: #24695c !important;
  width: 100%;
  font-weight: 600; }

.bookmark-wrap .row .col-xl-3 + .col-xl-3 {
  padding-right: 15px; }

.bookmark-wrap .left-bookmark ul li button {
  border: none;
  cursor: pointer; }
  .bookmark-wrap .left-bookmark ul li button:focus {
    outline: none; }

.bookmark-wrap .left-bookmark ul li svg {
  width: 18px;
  height: 18px;
  vertical-align: middle; }

.bookmark-wrap .left-bookmark ul li > .main-title {
color: #3193FF;
font-weight: 600;
margin-bottom: 5px;
display: block;
font-size: 16px;
margin-top: 15px; }
  .bookmark-wrap .left-bookmark ul li > .main-title span a:hover {
    background-color: transparent; }
  .bookmark-wrap .left-bookmark ul li > .main-title svg {
    color: #898989;
    stroke-width: 1px; }

.bookmark-wrap .left-bookmark ul li a > .title {
  text-transform: capitalize;
  color: #2b2b2b;font-weight: 600; }

.form-bookmark a {
  text-transform: capitalize !important;
  color: #24695c !important;
  line-height: 1 !important;
  font-weight: 500; }
  .form-bookmark a:hover {
    background-color: transparent !important; }

.form-bookmark input#index_var {
  display: none; }

.form-bookmark .form-group label {
  font-weight: 600;
  margin-bottom: 5px; }

.form-bookmark .form-group input, .form-bookmark .form-group select {
  font-size: 13px; }

.form-bookmark .form-group .select2-container .select2-selection--single {
  border-color: #ced4da !important; }

.form-bookmark .form-group .select2 {
  width: 100% !important; }

.form-bookmark .form-group .error {
  margin: 0 !important;
  font-size: 11px;
  color: red !important; }

.form-bookmark .form-group .fill-color {
  width: 35px;
  height: 30px;
  padding: 3px; }

.form-bookmark button {
  margin-top: 30px; }

@-webkit-keyframes displayTransition {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes displayTransition {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.bookmark-tabcontent .details-bookmark {
  height: auto;
  min-height: 359px; }
  .bookmark-tabcontent .details-bookmark .bookmark-card {
    position: relative; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
      padding: 3px;
      border-radius: 4px;
      background-color: rgba(0, 0, 0, 0.2);
      width: 30px;
      position: absolute;
      right: 15px;
      top: 15px;
      opacity: 0; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon i {
        color: #fff;
        font-size: 16px;
        vertical-align: text-bottom; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon.favourite i {
        color: #fed112; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data {
      width: 100%; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data .content-general {
        display: none; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
      -webkit-transition: 0.5s;
      transition: 0.5s; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark {
      text-align: left;
      padding: 15px;
      border-top: 1px solid #e6edef;
      position: relative; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark p {
        -webkit-animation: displayTransition 1s;
                animation: displayTransition 1s;
        font-size: 13px;
        opacity: 1; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block {
        display: none;
        margin-top: 15px; }
        .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li {
          display: inline-block; }
          .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li + li {
            margin-left: 5px; }
          .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li svg {
            width: 16px;
            height: 16px;
            color: #898989; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover {
      -webkit-box-shadow: 1px 4px 16px 3px rgba(0, 0, 0, 0.04);
              box-shadow: 1px 4px 16px 3px rgba(0, 0, 0, 0.04);
      -webkit-transition: 0.5s;
      transition: 0.5s; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark p {
        opacity: 0; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark .hover-block {
        display: block;
        -webkit-animation: displayTransition 2s;
                animation: displayTransition 2s;
        position: absolute;
        width: 100%;
        padding: 15px;
        top: 15px;
        left: 0; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .favourite-icon {
        opacity: 1; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .row .col-xl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .desciption-data .content-general {
    display: block; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
      display: block;
      opacity: 1; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
      position: absolute;
      right: 15px;
      display: block;
      text-align: right; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block {
      display: block;
      -webkit-animation: displayTransition 0s;
              animation: displayTransition 0s; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark {
    border-top: none; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark p, .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6 {
      margin-top: 0;
      display: inline-block; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6 {
      position: relative;
      padding-right: 15px; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6::after {
        position: absolute;
        content: '-';
        right: 0;
        color: #898989; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general {
      margin-top: 5px; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p {
        width: 68%;
        margin-right: 20px;
        opacity: 1; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 20%; }

.bookmark-tabcontent .tab-content .card .card-header {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #e6edef; }
  .bookmark-tabcontent .tab-content .card .card-header h5 {
    font-weight: 600;
    font-size: 22px; }
  .bookmark-tabcontent .tab-content .card .card-header svg {
    width: 18px;
    height: 18px;
    vertical-align: middle; }
  .bookmark-tabcontent .tab-content .card .card-header ul li {
    display: inline-block; }
    .bookmark-tabcontent .tab-content .card .card-header ul li + li {
      margin-left: 5px; }

@media only screen and (max-width: 1660px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p {
    display: none; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block {
    margin-top: 6px; }


}

@media only screen and (max-width: 1450px) and (min-width: 990px) {





}


@media only screen and (max-width: 991px) and (min-width: 768px) {

	.components-main .component-child{width: 100%;flex: 1; flex-basis: 47%; height: 119px; border-radius: 12px; margin:10px 5px; padding: 10px 10px 0;}



}


@media only screen and (max-width: 767px) and (min-width: 320px) {

	.components-main .component-child{width: 100%;flex: 1; flex-basis: 100%; height: 119px; border-radius: 12px; margin:10px 5px; padding: 10px 10px 0;}



}





@media screen and (min-width: 1200px) and (max-width: 1366px) {




  .bookmark-wrap .left-bookmark ul li .btn-block svg {
    display: none; } }

@media only screen and (max-width: 1366px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 40%; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block {
    top: 80px; }
  .bookmark ul li a svg {
    width: 15px;
    height: 15px;
    margin: 10px; } }

@media only screen and (max-width: 1199px) {
  .bookmark-wrap .left-bookmark {
    height: auto; }
  .bookmark-tabcontent .details-bookmark {
    min-height: auto; } }

@media only screen and (max-width: 991px) {
  .modal-bookmark .modal-body, .modal-bookmark .modal-header {
    padding: 20px; }
  .form-bookmark button {
    margin-top: 20px; }
  .bookmark-tabcontent .tab-content .card .card-header, .bookmark-tabcontent .tab-content .card .card-body {
    padding: 20px; }
    .bookmark-tabcontent .tab-content .card .card-header h5, .bookmark-tabcontent .tab-content .card .card-body h5 {
      font-size: 18px; } }

@media only screen and (max-width: 767px) {

    .whats_new_login{
        display: none !important;

    }



  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 172px; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block p {
    display: none; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block ul {
    position: relative;
    right: unset;
    top: unset; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 45%; } }

@media only screen and (max-width: 575px) {

    .row-fluid .span6{
        flex: 1 0 100%;
      }

      div.dataTables_filter label {
        width: 100%;
    }
    div.dataTables_length label {
        /* float: left; */
        /* text-align: left; */
        width: 100%;
    }
    div.dataTables_length select {
        width: 87px;
        float: left;
        margin-right: 8px;
    }

  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 46%; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website {
    display: block; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website img {
      width: 100%; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark h6, .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
      display: block; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .content-general {
      display: none; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
      position: relative;
      right: unset;
      text-align: left;
      top: unset;
      padding: 0; }
  .modal-bookmark .modal-body, .modal-bookmark .modal-header {
    padding: 15px; }
  .form-bookmark button {
    margin-top: 15px; } }

@media only screen and (max-width: 360px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 28%; } }


.email-app-sidebar .media .media-size-email{
width: 48px;
float: left;
margin-right: 12px;

	}

.email-app-sidebar .media-body h5{
margin-top: 0;
margin-bottom: 5px;
font-weight: 800;

}
.email-app-sidebar .media{
	margin-bottom: 15px;
}

.main-menu{margin: 15px 0px;}

.taskadd table, thead, tbody, tfoot, tr, td, th{border-color: #e6edef;}

.taskadd .task_title_0{font-weight: 600;font-weight: 600;margin-top: 0;font-size: 18px;}

.taskadd .table > thead > tr > th,  .taskadd .table > tbody > tr > th, .taskadd .table > tfoot > tr > th, .taskadd .table > thead > tr > td, .taskadd .table > tbody > tr > td, .taskadd .table > tfoot > tr > td {
    padding: 8px;
    line-height: 20px;
    vertical-align: middle;
    border-bottom: 1px solid #E9EBEF;

}





.recent-widget h4{margin-top: 0px;margin-bottom: 5px;font-size: 13px;font-weight: 500;text-transform: capitalize;color: #495057;}
.recent-widget h4 a{color: #495057;}
.recent-widget small{color:#74788D;}



.lead-list h4{margin-top: 0px;margin-bottom: 5px;font-size: 13px;font-weight: 500;}

.lead-list h5{color: #495057;margin: 0;font-size: 15px;font-weight: 500;}
.lead-list .badge{font-weight: 600; border-radius: 5px;    padding: 5px 15px;    background-color: #eef1f5;    text-transform: uppercase;    color: #74788D;}
.lead-list p{margin-bottom: 5px;color: #74788D;}
.lead-list small{color: #74788D; text-transform: uppercase;}

.resource li h4{margin-top: 0px;margin-bottom: 5px;font-size: 15px;font-weight: 500;}
.resource li small{color: #74788D;text-transform: uppercase;}

.moniterd li h4{margin-top: 0px; margin-bottom: 5px; font-size: 15px; font-weight: 500;}


/* .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #3193FF;
    border-color: #3193FF;
} */


/* .btn-default:hover span img, .btn-default:focus span img, .btn-default:active span img, .btn-default.active span img, .open .dropdown-toggle.btn-default {
    filter: brightness(0) invert(10);
} */


.input-group-addon{
background-color: #f1f5f8;
border: 1px solid #e2e8f0;

border-radius: 0px 7px 7px 0px;
	}

    .table-responsive{overflow-x: auto;}




.alert-success {
    color: #fff!important;
    background-color: #4ea863 !important;
    border-color: #4ea863!important;
    padding: 15px;
    font-weight: 400;
    font-size: 16px;
    border-radius: 4px;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.19);
    border-radius: 6px 6px 6px 6px;
}

.alert-success i{color:#fff;}


.alert-info {
    color: #fff!important;
    background-color: #4cbdd2!important;
    border-color: #4cbdd2!important;
    padding: 15px;
    font-weight: 400;
    font-size: 16px;
    border-radius: 4px;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.19);
    border-radius: 6px 6px 6px 6px;
}
.alert-info i{color:#fff;}

.alert-warning {
    color: #fff!important;
    background-color: #e8c34f!important;
    border-color: #e8c34f!important;
    padding: 15px;
    font-weight: 400;
    font-size: 16px;
    border-radius: 4px;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.19);
    border-radius: 6px 6px 6px 6px;
}
.alert-warning i{color:#fff;}

.alert-danger {
    color: #fff !important;
    background-color: #df5562 !important;
    border-color: #df5562 !important;
      padding: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.alert-danger i{color:#fff;}
.alert-primary {
    color: #fff!important;
    background-color: #3591f0!important;
    border-color: #3591f0!important;
    padding: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    border-radius: 4px;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.19);
    border-radius: 6px 6px 6px 6px;
}
.alert-primary i{color:#fff;}

.alert-primary a:hover{color: #c7d3ff;}


.row-fluid {
    display: flex;
    flex-direction: revert;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 10px;
  }


  .user-table .media{display: inline-block;margin-right: 5px;vertical-align: middle;}
  .user-table .media-body{display: inline-block;padding: 5px;vertical-align: middle;}
  .user-table .media-body h4{margin: 0px;color: #3193FF; font-size: 13px;}
  .user-table .media-body p{line-height: 16px;margin-top: 5px; margin-bottom: 0px;}
  .user-table .media .avatar{border-radius: 50px;}
  .user-table tbody tr td{vertical-align: middle;}
  .user-table tbody tr td span{vertical-align: middle;font-weight: 500;font-size: 13px;}


  .modal.left .modal-dialog,
  .modal.right .modal-dialog {
      position: fixed;
      margin: auto;
      width: 600px;
      height: 100%;
      -webkit-transform: translate3d(0%, 0, 0);
          -ms-transform: translate3d(0%, 0, 0);
           -o-transform: translate3d(0%, 0, 0);
              transform: translate3d(0%, 0, 0);
  }

  .modal.left .modal-content,
  .modal.right .modal-content {
      height: 100%;
      overflow-y: auto;
  }

  .modal.left .modal-body,
  .modal.right .modal-body {
      padding: 15px 15px 80px;
  }

/*Left*/
  .modal.left.fade .modal-dialog{
      left: -320px;
      -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
         -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
           -o-transition: opacity 0.3s linear, left 0.3s ease-out;
              transition: opacity 0.3s linear, left 0.3s ease-out;
  }

  .modal.left.fade.in .modal-dialog{
      left: 0;
  }

/*Right*/
  .modal.right.fade .modal-dialog {
      right: 0px;
      -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
         -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
           -o-transition: opacity 0.3s linear, right 0.3s ease-out;
              transition: opacity 0.3s linear, right 0.3s ease-out;
  }

  .modal.right.fade.in .modal-dialog {
      right: 0;
  }

.  .user-profile-popup .media-box{padding:0px 0px;vertical-align: middle;}
  .user-profile-popup .media{display: inline-block; margin-right: 5px;vertical-align: middle;}
  .user-profile-popup .media .avatar{ border-radius: 50%;}
  .user-profile-popup .media-body{display: inline-block;  line-height: 50px; padding: 5px;vertical-align: middle;}
  .user-profile-popup .media-body h4{margin-bottom: 5px;margin: 0;}
  .user-profile-popup .media-body p{line-height: 0;margin-top: 5px;}
  .user-profile-popup .form-group{border-bottom: 1px dashed #D7D7D7;}
  .user-profile-popup .form-group span{color:#92969A;font-style: normal;font-weight: 400;}
  .user-profile-popup .form-group p{color:#495057;font-style: normal;font-weight: 400;}
.text-uppercase{}

  ul.list{font-size: 16px;padding: 15px 0;  background-color: #eff2f6;}
  ul.list li{display: inline-block;padding: 0 10px;border-right: 1px solid #495057;padding: 0 15px;}
  ul.list li strong{ text-transform: uppercase;}

  ul.list li:last-child{border-right: none;}


  .m-0{margin: 0px !important;}
  .p-0{padding: 0px !important;}

  .profile-details label{display: block;text-transform: uppercase;font-weight: 600;}


  .dt-button, .paginate_button{
    display: inline-block;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    font-size: 13px;
    line-height: 1.42857143;
    border-radius: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: uppercase;
    vertical-align: middle;
    line-height: 20px;
    min-height: 35px;
}

.dt-button .paginate_button{
    background-color: #3193FF !important;
    border-color: #3193FF !important;
    color: #ffffff !important;
    min-height: 35px;

}
.dt-button:hover,
.dt-button:focus,
.dt-button:active,
.dt-button.active{
    background-color: #1f8af4;
    border-color: #0173b2;
    color: #ffffff;
}
.paginate_button:hover,
.paginate_button:focus,
.paginate_button:active,
.paginate_button.active{
    background-color: #1f8af4 !important;
    border-color: #0173b2;
    color: #ffffff;
}


.new_pro_box{padding: 10px;}
.new_pro_box .new_project{    padding: 5px;    min-height: 18px;    line-height: 16px;}


.dropdown-menu {
  position: absolute;
top: 100%;
z-index: 1495057;
display: none;
float: left;
min-width: 220px;
padding: 0px 0;
margin: 0px 0 0;
font-size: 13px;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: none;
border-radius: 7px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
  }

  .switch { display: inline-block;height: 15px; position: relative; width: 34px; float:right;}
   .switch input {display:none;}
    .slider {background-color: #ccc; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; transition: .4s; }
   .slider:before {background-color: #fff;bottom: 2px; content: ""; height: 11px; left: 4px; position: absolute; transition: .4s;
    width: 11px; }
    input:checked + .slider { background-color: #66bb6a; }
    input:checked + .slider:before { transform: translateX(16px);}
   .slider.round { border-radius: 34px;}
  .slider.round:before { border-radius: 50%;}


  .project_filter .filter_dropdown{padding: 5px; min-width: 190px;}
  .project_filter .filter_dropdown .drop_title{font-weight: 600; text-transform: uppercase; margin: 8px 5px;}
  .project_filter .filter_dropdown li{padding: 3px 5px;margin-bottom:5px;align-items: center;}
  .project_filter .filter_dropdown li:hover{background-color: #e2e8f0; border-radius: 3px;}
  .project_filter .filter_dropdown li label{margin-bottom:0px;display: flex; justify-content: space-between;cursor: pointer;}
  .project_filter .filter_dropdown li span{ font-weight: 500;}

  .project_filter .slide_dropdown{padding: 5px; min-width: 245px;}
  .project_filter .slide_dropdown .drop_title{font-weight: 600; text-transform: uppercase; margin: 8px 5px;}
  .project_filter .slide_dropdown li{padding: 3px 5px;margin-bottom:5px;align-items: center;}
  .project_filter .slide_dropdown li .img-round{width: 35px!important;height: 35px !important;max-width: 35px !important;}
  .project_filter .slide_dropdown li:hover{background-color: #eff7ff; border-radius: 3px;color: #2d91ff;}
  .project_filter .slide_dropdown li label{margin-bottom:0px;display: flex; justify-content: space-between;cursor: pointer;}
  .project_filter .slide_dropdown li span{ font-weight: 400;}

  .project_filter .active_filter{padding: 5px; min-width: 600px;}
  .project_filter .active_filter .drop_title{font-weight: 600; text-transform: uppercase; margin: 8px 5px;}
  .project_filter .active_filter li{padding: 3px 5px;margin-bottom:5px;display: flex; justify-content: space-between; align-items: center;}
  .project_filter .active_filter li .dropdown-item{border: none; background-color: transparent; width: 100%; text-align: left; padding: 5px;}
  .project_filter .active_filter li .dropdown-item:hover{background-color: #e2e8f0;;}

  .project_filter a:hover{background-color: transparent !important;}
  .project_filter a:focus{background-color: transparent !important;}
  .project_filter a{background-color: transparent !important;}

  .filter-group a{padding: 5px 10px; text-decoration: none;font-weight: 500; color: #666; border-radius: 5px;}
  .filter-group a:hover{background-color: #e2e8f0;;}
  .serach-white-box{  border: 1px solid #e6edf2; border-radius: 7px;width: 100%;}
  .serach-white-box .form-control{background-color:#e6edf2;border:none}
  .serach-white-box .input-group-addon {background-color: #e6edf2;border: none}
  .serach-white-box .btn {background-color: #e6edf2 !important;border: none;color: #666;}

  .no-gutter {
    margin-right: 0;
    margin-left: 0;
  }

  .no-gutter > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
.create_field .form-control{
    background-color: #f1f5f8 !important;
    border: 1px solid #f1f5f8 !important;
    box-shadow: none;
}
.create_field .input-group{border-radius: 5px;}
.create_field .input-group-addon{
    background-color: #f1f5f8 !important;
    border: 1px solid #f1f5f8 !important;
    box-shadow: none;
}

.create_field .panel-body{padding: 5px !important;}
.create_field .panel-body .btn{margin: 4px 0px !important;}
.create_field img{border-radius: 50% !important;border: 1px solid #e6edf3;}
.create_field img:focus{outline: medium none;
    transition: all 0.25s ease-in-out 0s !important;
    box-shadow: 0px 0 1px 2px rgba(59,130,246,0.5);
    outline-offset: 2px;}
.create_field span:focus{outline: medium none;
    transition: all 0.25s ease-in-out 0s !important;
    box-shadow: 0px 0 1px 2px rgba(59,130,246,0.5);
    outline-offset: 2px;}

.create_field .icn{margin: 8px 5px !important; font-size: 18px !important;}


.sub-task{padding-left: 50px !important;position: relative;}

.sub-task::after{width: 30px;
    height: 2px;
    background-color: #e6edf2;
    position: absolute;
    content: "";
    left: 20px;
    top: 46%;}
.sub-task::before{    width: 2px;
    height: 46px;
    background-color: #e6edf2;
    position: absolute;
    content: "";
    left: 20px;
    bottom: 0;
    top: 0;}

    .emp-list tbody tr:hover{background-color: #f1f5f8 !important;}



    .edit-slide-task .form-group {
        border-bottom: 1px solid #eff2f7;
        padding-bottom: 5px !important;
        margin-bottom: 5px !important;
      }


      .checklist-drag .to-do-list li{padding: 5px 10px;}

      .checklist-drag .to-do-list li .to-do-action a{font-size: 18px;}
      .checklist-drag .to-do-list li .to-do-action .todo-remove i{font-size: 18px;}

      .checklist-drag .to-do-list li .todo-check {
        margin-top: 6px;
      }

      .checklist-drag .drag-marker{top:0px;}

      .checklist-drag .todo-entry{margin-right: 15px;}

.attach-card{border: 1px solid #ccc;}
.attach-card .icon-attach{padding: 10px 15px;text-align: center;background-color: #495057;}.attach-card .panel-body{padding-top: 0;margin-top: -19px;}
.attach-card .propic{width: 35px;border-radius: 50%;}
.attach-card h5{margin-bottom: 0px;}
.attach-card small{color:#666;}

.history-lbl .pad-bdr{padding: 10px;border-right: 1px solid #e2e8f0;    border-bottom: 1px solid #e2e8f0;    border-top: 1px solid #e2e8f0;}
.history-lbl .pad-bdr:first-child{ border-left: 1px solid #e2e8f0;}
.history-lbl .pad-bdr span{text-transform: uppercase;}
.history-lbl .pad-bdr p{margin-bottom: 0px;}


ul.history{padding: 0px; margin:0px;}
ul.history li{list-style: none;padding: 2px;color: #acacac;}
ul.history li{display: flex;justify-content: space-between;}



.img_circle {margin-left: -10px;left: 10px;position: relative;}
.img_circle img{border: 2px solid #e6edf2;position: relative;}
.img_circle img:hover{border: 2px solid #3193FF;}
.img_circle i{position: absolute;left: -1px;top:-7px;background-color: #fff;border-radius: 50%;color: #495057;;}
.img_circle i:hover{color:#3193FF;}
.img_circle:hover{z-index:1495057;}
.img_circle:hover i{color:#3193FF;}


.taskadd .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > th, .table > tbody > tr > td, .table > tfoot > tr > td{background-color: transparent;}


.switch-slide-hr {
    display: inline-block;
    height: 34px;
    position: relative;
    width: 130px;
    top: 11px;
}

.switch-slide-hr input {
    display: none;
}

.switch-slide-hr .slider {
    background-color: #3193FF;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.4s ease 0s;
}

.switch-slide-hr .slider::after {
    content: "HR";
font-size: 13px;
font-weight: 600;
position: absolute;
right: 15px;
top: 7px;
color: #fff;
text-transform: uppercase;
}

.switch-slide-hr .slider::before {
    background-color: #fff;
    bottom: 4px;
    content: "";
    height: 26px;
    left: 4px;
    position: absolute;
    transition: all 0.4s ease 0s;
    width: 26px;
}

.switch-slide-hr input:checked+.slider {
    background-color: #2196F3;
}

.switch-slide-hr input:checked+.slider::after {
    content: "Employee";
    font-size: 13px;
    font-weight: 400;
    left: 9px;
    position: absolute;
    top: 7px;
    color: #fff;
    text-align: left;
    font-weight: 600;
}

.switch-slide-hr input:focus+.slider {
    box-shadow: 0 0 1px #2196f3;
}

.switch-slide-hr input:checked+.slider::before {
    transform: translateX(96px);
}

.switch-slide-hr .slider.round {
    border-radius: 34px;
}

.switch-slide-hr .slider.round::before {
    border-radius: 50%;
}




/* -------------------- */





.switch-slide-sales {
    display: inline-block;
    height: 34px;
    position: relative;
    width: 130px;
    top: 11px;
}

.switch-slide-sales input {
    display: none;
}

.switch-slide-sales .slider {
    background-color: #3193FF;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.4s ease 0s;
}

.switch-slide-sales .slider::after {
    content: "Sales";
font-size: 13px;
font-weight: 600;
position: absolute;
right: 15px;
top: 7px;
color: #fff;
text-transform: uppercase;
}

.switch-slide-sales .slider::before {
    background-color: #fff;
    bottom: 4px;
    content: "";
    height: 26px;
    left: 4px;
    position: absolute;
    transition: all 0.4s ease 0s;
    width: 26px;
}

.switch-slide-sales input:checked+.slider {
    background-color: #2196F3;
}

.switch-slide-sales input:checked+.slider::after {
    content: "Employee";
    font-size: 13px;
    font-weight: 400;
    left: 9px;
    position: absolute;
    top: 7px;
    color: #fff;
    text-align: left;
    font-weight: 600;
}

.switch-slide-sales input:focus+.slider {
    box-shadow: 0 0 1px #2196f3;
}

.switch-slide-sales input:checked+.slider::before {
    transform: translateX(96px);
}

.switch-slide-sales .slider.round {
    border-radius: 34px;
}

.switch-slide-sales .slider.round::before {
    border-radius: 50%;
}



/* PM */
.switch-slide-pm {
    display: inline-block;
    height: 34px;
    position: relative;
    width: 200px;
    top: 11px;
}

.switch-slide-pm input {
    display: none;
}

.switch-slide-pm .slider {
    background-color: #3193FF;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.4s ease 0s;
}

.switch-slide-pm .slider::after {
    content: "Project Manager";
font-size: 13px;
font-weight: 600;
position: absolute;
right: 15px;
top: 7px;
color: #fff;
text-transform: uppercase;
}

.switch-slide-pm .slider::before {
    background-color: #fff;
    bottom: 4px;
    content: "";
    height: 26px;
    left: 4px;
    position: absolute;
    transition: all 0.4s ease 0s;
    width: 26px;
}

.switch-slide-pm input:checked+.slider {
    background-color: #2196F3;
}

.switch-slide-pm input:checked+.slider::after {
    content: "Employee";
    font-size: 13px;
    font-weight: 400;
    left: 9px;
    position: absolute;
    top: 7px;
    color: #fff;
    text-align: left;
    font-weight: 600;
}

.switch-slide-pm input:focus+.slider {
    box-shadow: 0 0 1px #2196f3;
}

.switch-slide-pm input:checked+.slider::before {
    transform: translateX(165px);
}

.switch-slide-pm .slider.round {
    border-radius: 34px;
}

.switch-slide-pm .slider.round::before {
    border-radius: 50%;
}

.illus-graph{min-height: 64vh;display: flex;align-items: center;justify-content: center;}


.toggle-radio{margin-right: 10px;}
.switch-box {
    width: 204px;
    height: 40px;
    text-align: center;
    background: rgba(49, 147, 255, 0.08);
    border-radius: 20px;
    transition: all 0.2s ease;
    position: relative;
  }
  .switch-box span {
    position: absolute;
    width: 20px;
    height: 4px;
    top: 50%;
    left: 50%;
    margin: -2px 0px 0px -4px;
    background: #fff;
    display: block;
    transform: rotate(-45deg);
    transition: all 0.2s ease;
  }
  .switch-box span:after {
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 12px;
    margin-top: -8px;
    background: #fff;
    transition: all 0.2s ease;
  }
  .toggle-radio input[type=radio] {
    display: none;
  }
  .switch-box label {
    cursor: pointer;
    width: 97px;
    line-height: 30px;
    transition: all 0.2s ease;
    font-style: normal;
font-weight: 400;
font-size: 16px;
border-radius: 15px;
text-transform: uppercase;
color: #2D91FF;
  }
 .switch-box label[for=no] {
    position: absolute;
    left: 6px;
    top: 5px;

  }
  .switch-box label[for=yes] {
    position: absolute;
    right: 6px;
    top: 5px;
  }
  #no:checked ~ .switch-box {
    background: rgba(49, 147, 255, 0.08);
    border-radius: 20px;
  }
  /* #no:checked ~ .switch-box span {
    background: #fff;
    margin-left: -8px;
  }
  #no:checked ~ .switch-box span:after {
    background: #fff;
    height: 20px;
    margin-top: -8px;
    margin-left: 8px;
  } */
  #yes:checked ~ .switch-box label[for=yes] {
    color: #fff;
    background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);
    box-shadow: 0px 4px 20px rgba(22, 132, 253, 0.4);
    border-radius: 15px;
  }
  #no:checked ~ .switch-box label[for=no] {
    color: #fff;
    background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);
    box-shadow: 0px 4px 20px rgba(22, 132, 253, 0.4);
    border-radius: 15px;
  }




/*-----------------------------------*/


/* .switch-box {
    width: 185px;
    height: 40px;
    text-align: center;
    background: rgba(49, 147, 255, 0.08);
    border-radius: 20px;
    transition: all 0.2s ease;
    position: relative;
  }
  .switch-box span {
    position: absolute;
    width: 20px;
    height: 4px;
    top: 50%;
    left: 50%;
    margin: -2px 0px 0px -4px;
    background: #fff;
    display: block;
    transform: rotate(-45deg);
    transition: all 0.2s ease;
  }
  .switch-box span:after {
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 12px;
    margin-top: -8px;
    background: #fff;
    transition: all 0.2s ease;
  }
  .toggle-radio input[type=radio] {
    display: none;
  }
  .switch-box label {
    cursor: pointer;
    width: 85px;
    line-height: 30px;
    transition: all 0.2s ease;
    font-style: normal;
font-weight: 400;
font-size: 13px;
border-radius: 15px;
text-transform: uppercase;
color: #2D91FF;
  }
 .switch-box label[for=DashboardEmployeeID] {
    position: absolute;
    left: 6px;
	 top: 5px;}


  .switch-box label[for=DashboardMainID] {
    position: absolute;
    right: 6px;
    top: 5px;
  } */
  /* #DashboardMainID:checked ~ .switch-box {
    background: rgba(49, 147, 255, 0.08);
    border-radius: 20px;
  } */
  /* #no:checked ~ .switch-box span {
    background: #fff;
    margin-left: -8px;
  }
  #no:checked ~ .switch-box span:after {
    background: #fff;
    height: 20px;
    margin-top: -8px;
    margin-left: 8px;
  } */
  /* #DashboardEmployeeID:checked ~ .switch-box label[for=DashboardEmployeeID] {
    color: #fff;
    background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);
    box-shadow: 0px 4px 20px rgba(22, 132, 253, 0.4);
    border-radius: 15px;
  }
  #DashboardMainID:checked ~ .switch-box label[for=DashboardMainID] {
    color: #fff;
    background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);
    box-shadow: 0px 4px 20px rgba(22, 132, 253, 0.4);
    border-radius: 15px;
  } */







  .help-search-banner {background-color: #fff;padding-bottom: 5px;margin-top: 8px;}

  .help-search-banner .help-box{padding: 65px 0px;}
  .help-search-banner h3 {color: #495057;margin: 15px 0px;font-size: 25px;font-weight: 500;}
  .help-search-banner .help-search-in-input {position: relative;}
  .help-search-banner .help-search-in-input .form-control{border-radius: 6px; color: #495057; height: 50px; border: 1px solid #a0aec0; text-align: left; padding-left: 50px; font-size: 16px; background-color: #f8fafb;}
  .help_support {padding: 25px 0px 70px 0px;display: flex;  flex-wrap: wrap;}
  .help_support .help_box {height: 130px;padding: 10px;}
  .help_support .help_box .help_support_icon {width: 70px;height: auto;margin: 0px auto 15px auto;}
  .help_support .help_box .help_support_icon .help-icon-tag {color: #fff; padding: 15px; border-radius: 50px; font-size: 30px; width: 65px; height: 65px; text-align: center; padding: 15px 10px;display: block;}
    .help_support .help_box .help_support_icon .help-icon-tag img{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(200%) contrast(100%); width: 28px;}

  .help_support .help_box .help_support_content {width: auto;padding: 0px 0px 0px 0px; text-align: center;}
  .help_support .help_box .help_support_content h3 {margin-top: 0px;font-size: 16px;text-transform: capitalize;font-weight: 600;cursor: pointer;}
  .help_support .help_box .help_support_content p {margin-top: 0px; color: #6e7379; font-size: 13px; line-height: 22px;}



  .help_support .templates-project{padding: 0 30px 50px;}
  .help_support .project-1{background-color:#fff;text-align: center; box-shadow: 0 0.125em 0.375em 0 rgba(0,0,0,0.1);position: relative; padding: 30px 15px;display: block; width: 100%; height: 100%; border-radius: 8px; transition: all .4s ease-in-out;margin-bottom: 25px;}
  .help_support .project-1::after{content: ''; position: absolute; bottom: 0; left: 0;top: auto; width: 0; height: 3px;border-radius: 0 0 8px 8px; transition: width 0.3s ease; background-color:#3193FF;}
  .help_support .project-1:hover::after{width: 100%; right: 0;}
  .help_support .project-1.temp-caption h2{transition: all .4s ease-in-out;}
  .help_support .project-1:hover .temp-caption h2{color: #1684FD ;}
  .help_support .project-1:hover p{color: #000;}
  .help_support .project-1:hover{background: #E5EBF1;}
  .help_support .temp-title{text-align: center;font-weight: 700;font-size: 45px;margin-bottom: 30px;}
  .help_support .icon img{transition: all .4s ease-in-out;}
  .help_support .project-1:hover .icon img{transform: rotateY(180deg);}
  .help_support .temp-caption{margin: 15px 0 0;}
  .help_support .temp-caption h2{position: relative; font-size: 22px;font-weight: 600; margin-bottom: 10px; line-height: 35px;transition: all .4s ease-in-out;}
  .help_support .temp-caption h2 .link-arrow{position: absolute; right: 0; top: auto;}
  .help_support .temp-caption p{font-size: 16px;line-height: 30px;}
  .help_support .help-desc{background: var(--sectionbackground); padding: 20px 0; text-align: center;}
  .help_support .help-desc p{margin-bottom: 0;font-size: 16px;font-weight: 500;}
  .help_support .help-desc p a{color: #3193FF; text-decoration: underline;}

  .btn-default{min-height: 46px;box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);outline-color: rgba(23, 133, 253, 0.5);outline-offset: 0px;text-shadow: none;border: 1px solid #e9ebef;}
  /* .btn-default:hover{background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);  color: #fff;border-color: #3193FF;} */

  .top-help .child-1{background: linear-gradient(271.37deg, #FE97E2 0%, #F96ED3 100%);box-shadow: 0px 10px 30px rgba(238, 64, 191, 0.25);margin-bottom: 0px;}
  .top-help .child-1 .help_box .help_support_icon .help-icon-tag{color: #FE97E2;}
  .top-help .child-1 .help_box .help_support_icon .help-icon-tag img{filter: invert(80%) sepia(54%) saturate(711%) hue-rotate(279deg) brightness(102%) contrast(99%);}
  .top-help .child-2{background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);box-shadow: 0px 10px 30px rgba(22, 132, 253, 0.25);margin-bottom: 0px;}
  .top-help .child-2 .help_box .help_support_icon .help-icon-tag{color: #3193FF;}
  .top-help .child-2 .help_box .help_support_icon .help-icon-tag img{filter: invert(61%) sepia(66%) saturate(5227%) hue-rotate(194deg) brightness(102%) contrast(103%);}
  .top-help .child-3{background: linear-gradient(271.37deg, #FFA17F 0%, #FF8051 100%);box-shadow: 0px 10px 30px rgba(255, 118, 68, 0.25);margin-bottom: 0px;}
  .top-help .child-3 .help_box .help_support_icon .help-icon-tag{color: #FFA17F;}
  .top-help .child-3 .help_box .help_support_icon .help-icon-tag img{filter: invert(91%) sepia(19%) saturate(4350%) hue-rotate(305deg) brightness(100%) contrast(103%);}
  .top-help .child-4{background: linear-gradient(271.37deg, #7D82E4 0%, #6369D1 100%);box-shadow: 0px 10px 30px rgba(99, 105, 209, 0.25);margin-bottom: 0px;}
  .top-help .child-4 .help_box .help_support_icon .help-icon-tag{color: #7D82E4;}
  .top-help .child-4 .help_box .help_support_icon .help-icon-tag img{filter: invert(49%) sepia(83%) saturate(515%) hue-rotate(200deg) brightness(95%) contrast(88%);}
  .top-help .help_box {height: 130px;padding: 10px;}
  .top-help .help_box .help_support_icon {position: absolute;width: 70px;height: auto;}
  .top-help .help_box .help_support_icon .help-icon-tag {padding: 10px 13px; border-radius: 50px; font-size: 30px; width: 65px; height: 65px; text-align: center; background-color: #fff; display: block;}
  .top-help .help_box .help_support_content {width: auto;padding: 0px 0px 0px 90px;}
  .top-help .help_box .help_support_content h3 {margin-top: 0px;font-size: 19px;text-transform: capitalize;font-weight: 600;cursor: pointer;color: #fff;}
  .top-help .help_box .help_support_content p {margin-top: 0px; color: #6e7379; font-size: 13px; line-height: 22px;color: #fff;}


  .faqs-section {padding: 15px 0px;margin-bottom: 50px;}
  .faqs-section .panel-title > a:before {
    float: left !important;
    font-family: FontAwesome;
    content: "\f068";
    padding: 5px;
    background-color: #eff7ff;
    border-radius: 5px;
    color: #1986fd;
    top: -4px;
    position: relative;
}
.faqs-section .panel-title > a.collapsed:before {
    float: left !important;
    content:"\f067";
}
.faqs-section .panel-title > a:hover,
.faqs-section .panel-title > a:active,
.faqs-section .panel-title > a:focus  {
    text-decoration:none;
}

.faqs-section .panel{border: none;}

.faqs-section .panel-heading{padding: 13px 3px;min-height: 50px;}
.faqs-section .panel-heading h4 a{color: #495057;font-weight: 500;vertical-align: top;}

.faqs-section .panel-heading + .panel-collapse .panel-body {
    border-top: 1px dashed #ddd;
  }


  /* Getting started page */
  .dashbord .panel {margin-top: 5px;display: inline-block;width: 100%;}
  .dashbord .panel-heading {color: #495057;font-size: 18px;font-weight: 500;text-transform: uppercase;}
  .dashbord .panel-body {box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.19);border-radius: 6px 6px 6px 6px;}
  .whatsnew_timeline_left {width: 100px;float: left;}
  .dashbord .panel {margin-top: 5px;display: inline-block;width: 100%;}
  .whatsnew_timeline_left .panel-default > .panel-heading {background-color: #f8f8f8;border-color: #f8f8f8;color: #495057;}
  .dashbord .panel-title {line-height: 30px;font-weight: normal;}
  .timeline {border-collapse: collapse;border-spacing: 0;display: table;position: relative;table-layout: fixed;width: 100%;margin-bottom: 50px;}
  .help-icons {padding: 0px;margin: 0px;}
  .dashbord h4 {text-transform: uppercase;font-weight: 400;}
  .help_cj_content .panel-group {max-width: 850px;margin: 0 auto;}
  .shedule-box .panel-group {box-shadow: none !important;overflow: hidden;border-radius: 0px !important;margin-top: 0px !important;border: 1px solid #ccc;}
  .help_cj_content .panel-title {margin-bottom: 15px;position: relative;margin-top: 40px;}
  .help_cj_content .panel-group .help-articles {padding-left: 85px;position: relative;}
  .help_cj_content .dt-icon {padding: 10px 10px;position: absolute;left: 20px;top: 0px;color: #7a7a7a;border-radius: 100%;font-size: 20px;width: 42px;height: 42px;text-align: center;background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);
  box-shadow: 0px 5px 30px rgba(22, 132, 253, 0.25);}
  .help_cj_content .dt-icon {color: #fff;font-size: 20px;text-align: center;}
  .help_cj_content .panel-group a{color: #027bff;}
  .help_cj_content .help-title{font-size: 24px; margin-bottom: 15px;color: #007df2;}

  .mt10px{margin-top: 10px;}
  .shedule-box .panel {box-shadow: none !important;border-radius: 0px !important;margin-top: 0px !important;}
  .shedule-box .panel-heading {color: #495057;padding: 10px;text-align: center;font-weight: 600;font-size: 16px;text-decoration: none;cursor: pointer;height: 47px;line-height: 47px;border-radius: 0px;}
  .help-desk {display: flex;}
  .help-desk h3{font-size: 18px;}
  .help-desk .help-left {width: 0px;float: left;background-color: #f5f5f5;}
  .help-desk .help-left .help-navigate {padding: 0px;}
  .help-desk .help-left .help-navigate li:first-child{border-top: none;}
  .help-desk .help-left .help-navigate li {list-style-type: none;list-style-type: none;padding: 8px 10px;width: 210px;}
  .help-desk .help-left .help-navigate li a {font-size: 15px;text-decoration: none;color: #495057;}
  .help-desk .help-left .help-navigate li a img{width: 20px;}
.help-desk .help-left .help-navigate li a i{font-size: 16px;}
.help-desk .help-left .help-navigate li a:hover{color: #3193FF;}
  .shedule-box .panel-heading .panel-title {font-weight: 400;text-align: left;font-size: 16px;margin: 4px 0px;}
  .help-desk .help-right{width: 100%; float: left;}
  .help-right .toggle-button {width: 16px;height: 65px;line-height: 50px;background-color: #676767;position: absolute;color: #fff;padding: 17px 1px 16px 5px;left: 0px;z-index: 10050;cursor: pointer;text-decoration: none;line-height: 30px;}
  .help-right .toggle-button::before {content: '\f104';font-family: FontAwesome;text-decoration: none;}
  .help-right .toggle-button {left: -18px;top: 450px;}
  .help_articles strong{color: #3193FF;}


      .panel-heading {
                                      position: relative;
                                  }

                                  .panel-heading[data-toggle="collapse"]:after {
                                      font-family: 'FontAwesome';
                                      content: "\f0da";
                                      /* "play" icon */
                                      position: absolute;
                                      color: #495057;
                                      font-size: 23px;
                                      line-height: 22px;
                                      right: 20px;
                                     top: calc(50% - 10px);
                                      /* rotate "play" icon from > (right arrow) to down arrow */
                                      -webkit-transform: rotate(90deg);
                                      -moz-transform: rotate(90deg);
                                      -ms-transform: rotate(90deg);
                                      -o-transform: rotate(90deg);
                                      transform: rotate(90deg);
                                      z-index: 0;
                                  }

                                  .panel-heading[data-toggle="collapse"].collapsed:after {
                                      /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
                                      -webkit-transform: rotate(0deg);
                                      -moz-transform: rotate(0deg);
                                      -ms-transform: rotate(0deg);
                                      -o-transform: rotate(0deg);
                                      transform: rotate(0deg);
                                  }

                                  .whatsnew_timeline {
                                      position: relative;
                                  }

                                  .whatsnew_timeline_left {
                                      width: 100px;
                                      float: left;
                                  }

                                  .whatsnew_timeline_left .panel-default> .panel-heading {
                                  background-color: #e9ebef;
									border-color: #e9ebef;
									color: #495057;
										padding: 12px;
										height: 25px;
										min-height: 41px;
                                  }

                                  .whatsnew_timeline_left .panel-group .panel-heading+ .panel-collapse .panel-body {
                                      background-color: #fff;
                                      border: none;
                                      color: #495057;
                                  }


                                  .whatsnew_timeline_left .month-list {padding: 0px;}

                                  .whatsnew_timeline_left .month-list li {
                                      list-style: none;
                                  }

                                  .whatsnew_timeline_left .month-list li a {
                                      padding: 5px;
                                      display: block;
                                      font-size: 17px;
                                      color: #495057;
                                  }

                                  .whatsnew_timeline_right {
                                      width: 100%;
                                      padding: 17px 25px 25px 120px;
                                  }

                                  .whatsnew_timeline_right .timeline {
                                      width: 100%;
                                      background: #fff;
                                      padding: 100px 50px;
                                      position: relative;
                                      box-shadow: 0.5rem 0.5rem 2rem 0 rgba(black, 0.2);
                                  }

                                  .whatsnew_timeline_right .timeline:before {
                                      content: '';
                                      position: absolute;
                                      top: -28px;
                                      left: calc(119px + 16px);
                                      bottom: 0px;
                                      width: 2px;
                                      background: #d6d6d6;
                                      z-index: 0;
                                  }

                                  .whatsnew_timeline_right .timeline:after {
                                      content: "";
                                      display: table;
                                      clear: both;
                                  }

                                  .whatsnew_timeline_right .timeline .entry {
                                      clear: both;
                                      text-align: left;
                                      position: relative;
                                  }

                                  .whatsnew_timeline_right .timeline .entry .title {
                                      margin-bottom: .5em;
                                      float: left;
                                      width: 150px;
                                      padding-right: 40px;
                                      font-size: 16px;
                                      text-align: right;
                                      position: relative;
                                  }

                                  .whatsnew_timeline_right .timeline .entry .body {
                                      margin: 0 0 2em;
                                      float: left;
                                      width: auto;
                                      padding-left: 15px;
                                      max-width: 70%;
                                  }

                                  .whatsnew_timeline_right .timeline .title:before {
                                      content: '';
                                      position: absolute;
                                      width: 12px;
                                      height: 12px;
                                      border: 1px solid #1d88fd;
                                      background-color: #fff;
                                      border-radius: 100%;
                                      top: 15%;
                                      right: 8px;
                                      z-index: 1;
                                  }
                                  .whatsnew_timeline_right .timeline .year:before {
                                      content: '';
                                      position: absolute;
                                      width: 12px;
                                      height: 12px;
                                    border: 1px solid #1f89fe;
									background-color: #1d88fd;
                                      border-radius: 100%;
                                      top: 15%;
                                      right: 8px;
                                      z-index: 1;
                                  }

                                  .whatsnew_timeline_right .timeline .new{height: 16px;}

                                  .whatsnew_timeline_right .timeline .new:after {
                                      content: 'New';
                                      position: absolute;
                                      width: 32px;
                                      height: 32px;
                                      border: 1px solid #d6d6d6;
                                      background-color: #d6d6d6;
                                      color: #02283b;
                                      border-radius: 100%;
                                      top: -41%;
                                      left: 120px;
                                      z-index: 99;
                                      padding: 2px;
                                      font-size: 10px;
                                      text-transform: uppercase;
                                      line-height: 26px;
                                      z-index: 1;
                                  }

                                  .whatsnew_timeline_right .timeline h1 {
                                      margin: 0;
                                      margin-bottom: 0px;
									font-size: 22px;
									text-align: right;
									font-weight: 600;
									margin-bottom: 30px;
									color: #495057;
                                  }

                                  .whatsnew_timeline_right .timeline h2 {
                                      margin: 0;
                                      margin-bottom: 0px;
                                      font-size: 24px;
                                      text-align: right;
                                      font-weight: 600;
                                      margin-bottom: 16px;
                                  }

                                  .whatsnew_timeline_right .timeline h3 {
                                      margin: 0;
                                      font-size: 16px;
                                      text-align: right;
									  color: #495057;
                                  }

                                  .whatsnew_timeline_right .timeline p {
                                      margin: 0;
                                      font-size: 100%;
                                  }

                                  .whatsnew_timeline_right .timeline p {
                                      line-height: 1.4em;
                                  }

                                  .whatsnew_timeline_right .timeline a{color: #027bff;}
                                  .whatsnew_timeline_right .timeline p a{color: #027bff;}
                                  .whatsnew_timeline_right .timeline .btn-primary{color: #fff;}


                                  .whatsnew_timeline_right .timeline p:first-child {
                                      margin-top: 0;
                                      font-weight: 400;
                                      color: #7a7a7a;
                                  }

                                  .whatsnew_timeline_right .timeline ul {
                                      color: #343434;
                                      padding-left: 0;
                                      list-style-type: none;
                                  }

                                  .whatsnew_timeline_right .timeline ul li:before {
                                      content: "–";
                                      margin-right: .5em;
                                  }




  .btn-floating {position: fixed;bottom: 80px;right: 30px;z-index: 100;}
.btn-floating.active .btn .material-icons {transform: rotate(135deg);}
.btn-floating.active ul.btn-floating-list li a {margin: 25px 0 0;}
.btn-floating.active ul.btn-floating-list li a:before {opacity: 1;visibility: visible;}
.btn-floating.active .btn-floating-shadow {opacity: 1;visibility: visible;}
.btn-floating .btn {display: flex;justify-content:center;align-items:center;border:none;border-radius:100%;background-color:#fff;width:56px;    height:56px;box-shadow: 0 3px 5px 0 rgba(0,0,0,0.3);position: relative;z-index: 20;}

.btn-floating .btn img{width: 22px;height: 22px;}
.btn-floating .btn:hover,
.btn-floating .btn:focus {cursor: pointer;outline: none;box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);}
.btn-floating .btn .material-icons {transition: 0.4s ease;}
.btn-floating ul.btn-floating-list {list-style: none;position: absolute;top: 40px;left: 8px;z-index: 10;transition: 0.4s ease;padding: 0px;}
.btn-floating ul.btn-floating-list li a {display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;text-decoration: none;background: linear-gradient(226.37deg, #FF9D7A 24.4%, #FF7C4C 75.6%);color: #161616;border-radius:100%;margin:-40px 0;box-shadow:0 1px 5px 0 rgba(0,0,0,0.3); transition: 0.4s ease;position: relative;}
.btn-floating ul.btn-floating-list li a:before {content: attr(data-title);position: absolute;white-space:nowrap;right: 4em;background-color: #fff;padding: 5px 15px;border-radius: 10px;transition: 0.4s ease;visibility: hidden;opacity: 0;width: 150px;height: 28px;line-height: 20px;text-align: center;font-size: 16px;font-weight: 500;}
.btn-floating ul.btn-floating-list li .add-goal:before{width: 150px;}
.btn-floating ul.btn-floating-list li .add-project:before{width: 150px;}
.btn-floating ul.btn-floating-list li .add-client:before{width: 150px;}
.btn-floating ul.btn-floating-list li .add-lead:before, .btn-floating ul.btn-floating-list li .add-task:before{width: 150px;}
.btn-floating ul.btn-floating-list li .add-dtask:before{width: 150px;}
.btn-floating .btn-floating-shadow {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);opacity: 0;visibility: hidden;}
.btn-floating ul.btn-floating-list li a::after{height: 50px;width: 50px; background: #fff; border-radius: 100%;position: absolute;content:'';z-index:-1;}
.btn.btn-orange {background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);color: #fff;}




	.search-box{background: #F6F8F9; border-radius: 7px; padding: 5px;width: 180px;}
    .search-box .input-group .form-control{border: none;background-color: transparent;box-shadow: none;padding: 0;width: 0;}
    .search-box .input-group .input-group-btn select{border: none;width: 120px;background-color: transparent;box-shadow: none;color: #a0aec0;}
    .search-box .input-group .input-group-btn a{padding: 9px 10px;display: block;width: 42px;}
    .search-box:focus .form-control{width: 400px !important;}
    .search-box .input-group .input-group-btn a .search-icn{width: 22px;}


.goal-box .panel-heading{display: flex;justify-content: space-between;}
.goal-box .panel-heading a{text-transform: capitalize;color: #495057;}
.goal-box .panel-heading .badge{position: relative;right: 80px;}
.goal-box .panel-body small{color:#74788D;}


/* 
    .button {
        display: inline-block;
        margin: 4px 2px;
        background: rgb(246, 248, 248);
        font-size: 13px;
        padding-left: 32px;
        padding-right: 32px;
        height: 38px;
        line-height: 34px;
        text-align: center;
        color: white;
        text-decoration: none;
        cursor: pointer;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border-radius: 7px;
    }

    .button:hover {
        transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        -webkit-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
        background: rgba(237, 241, 242, 0.5);
        color: black;
    } */

    .search-container { position: relative; display: flex; height: 60px; vertical-align: bottom;  background: rgba(237, 241, 242, 0.5); padding: 10px 30px;max-width: calc(100vw - 265px);  }
    .left-side-collapsed .search-container{max-width: calc(100vw - 77px) !important;}
    .search-container form{display: flex;justify-content: space-between;width: 77%;}
    .search-container select{border: none; background-color: #fff; box-shadow: none;  height: 38px; color: #495057; border-radius: 7px; width: 20%; border: 1px solid #e9ebef;}
    .search-container #close-btn{position: absolute; right: 25px; width: 29px; top: 16px;  cursor: pointer;}

    .mglass {display: inline-block;pointer-events: none;-webkit-transform: rotate(-360deg);-moz-transform: rotate(-360deg);-o-transform: rotate(-360deg);-ms-transform: rotate(-360deg);}
    .mglass .search-icn{width: 22px;}
    .searchbutton {font-size: 22px;margin: 0;padding: 0;width: 50px;}
    .search {background: #f6f8f8;border-radius: 7px;outline: none;border: none;padding: 0;width: 100%;height: 100%;z-index: 10;font-style: normal;font-weight: 400;font-size: 18px;line-height: 12px;padding: 0 20px;

        /* identical to box height, or 67% */

        color: #495057;
        transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        -webkit-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
    }

    select:hover .search{ width: 363px; /padding: 10px;}
    /* .search:focus {
        width: 485px;
        padding: 10px;
    } */

    #search-overlay{display: none;}
    #search-box{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 1;
}



    .expandright {
        left: auto;
        right: 49px; /* Button width-1px */
    }

    .expandright:focus {
        padding: 0 0 0 16px;
    }
    .report-filter{margin-bottom: 10px;float: right;}
    .report-filter .dropdown{margin-left: 10px;}
    .report-filter .dropdown .dropdown-menu li a img{display: none;}
    
    .toogle-btn{width: 35px; height: 35px;  background:#e6f3ff; border-radius: 5px; border: none;     text-align: center; display: flex; align-items: center;justify-content: center; padding: 5px; cursor: pointer;font-size: 18px;}
    .toogle-btn:hover{background-color:#fff;}
    .toogle-btn img{filter: invert(40%) sepia(89%) saturate(2512%) hue-rotate(196deg) brightness(102%) contrast(98%);}
    .toogle-btn img{width: 22px;}
    .filter-main{display: flex;justify-content: space-between;width: 100%;}
    .filter-main .right{display: flex;align-items: flex-start;justify-content: space-between;}

	.filter-main .btn-group{display: flex;}

    .filter-box{display: flex;flex-wrap: wrap;padding: 0;margin: 0px;}
    .filter-box li h4{font-size: 18px; padding: 5px 0; margin: 0;}
    .filter-box li{list-style: none;padding-right: 15px;margin-bottom: 10px;}
    .filter-box li .input-append .add-on{margin-top: -36px;}
    .filter-box li .title{margin: 0;font-size: 18px;padding: 6px 0px;}
	.filter-box li .new-selectbox-options { border: 1px solid #fff; width: 150px; box-shadow: 0px 10px 30px rgba(22, 132, 253, 0.25);}
    .filter-box li .custom-date-range{border-radius: 7px;width: 285px;}
    .filter-box li .custom-date-range .input-group-addon{background-color: #fff;}
    .filter-box li .custom-date-range .form-control{background-color: #fff;}
	.filter-box li .reset-btn{left: 8px;top: 12px;width: 12px;}
    .filter-box li .form-control{background-color: #fff;padding: 4px 10px;max-width: 200px; height: calc(1.5em + .75rem + 4px) !important;font-size: 13px !important;}
    .filter-box li .new-selectbox {border-radius: 4px;display: inline-block; outline: medium none; padding: 4px 23px 3px 12px; position: relative; text-align: left; text-decoration: none;  vertical-align: middle;
  width: 100%;  font: 13px/26px Poppins, sans-serif;  color: #4C4C4C;  min-height: 17px;  cursor: pointer;  margin-top: 12px;  background-color: #fff;  }  
  .filter-box li .search-inline{position: relative;}    
  .filter-box li .search-inline .btn-primary{padding: 0px 11px; position: absolute; right: 7px; top: 5px; min-height: 25px; height: 28px;}    
  .filter-box li .input-group .input-group-text{background-color: #fff;border: 1px solid #e9ebef;padding: 4px 4px;}    .filter-box li .btn{min-height: 35px;line-height: 23px;}

    .filter-box li .chosen-container-multi .chosen-choices {padding: 3px 15px; min-height: 30px;}


	.time-top{text-align: center;display: inline-block;font-size: 13px;float: right;padding: 5px 15px;position: fixed;right: 0px;bottom: 0;z-index: 1;background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%); box-shadow: 0px 4px 20px rgba(22, 132, 253, 0.4); color: #fff;}
	.time-top img{width: 18px;margin-right: 10px;}


.btn-group .btn-default input[type="radio"]{position: absolute;opacity: 0;}







.employee-type{display: flex; justify-content: space-between; width: 100%; padding: 0 0 10px;}
.employee-type .employee-menu{display: flex; margin:20px 0; padding: 0;}
.employee-type .employee-menu li:nth-child(1){margin-left: 0;}
.employee-type .employee-menu li{margin: 0 12px;}
.employee-type .employee-menu .select-btn{position: relative;}
.employee-type .employee-menu li .form-inline .form-control {position: relative;width: 310px;height: 45px;background: #ffff;border: 1px solid #E9EBEF;border-radius: 10px; font-size: 17px; line-height: 19px;color: rgba(73, 80, 87, 0.5);}
.employee-type .employee-menu li .form-inline .search-btn {position: absolute;top: 26px;right: auto;left: 250px;background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);color: #fff;width: 85px;height: 33px;border-radius: 6px;   font-size: 16px;line-height: 13px;font-weight: 500;}
.employee-type .employee-menu li .select {width: auto;height: 45px;padding: 0 30px 0 10px;border-radius: 10px;border: 1px solid #E9EBEF;position: relative;background: #ffff; font-size: 17px; line-height: 19px;color: rgba(73, 80, 87, 0.5);-webkit-appearance: none;-moz-appearance:none;appearance:none;}
.employee-type .employee-menu li .down-arrow{position: absolute;right: 10px;top: 18px}
.employee-type .employee-menu .add-user{position: relative;}
.employee-type .employee-menu .add-user .down-arrow{position: absolute; top: 18px; right: 2px;}
.employee-type .employee-menu .add-user img{position: absolute;top: 12px;left: auto;z-index: 1;padding: 0 10px;}
.employee-type .employee-menu .add-user .user-btn {background: linear-gradient(226.37deg, #FF9D7A 24.4%, #FF7C4C 75.6%);padding: 0 40px 0 42px;color: #fff; font-size: 16px; font-weight: 600;height: 45px; width: auto;border: none; border-radius: 10px;}
.employee-type .employee-menu li .show-btn{width: 96px;height: 45px;background: #fff;border: 1px solid #E9EBEF;border-radius: 12px;color: rgba(73, 80, 87, 0.5);font-size: 16px;}
.employee-type .employee-menu li .category-btn{background: rgba(49, 147, 255, 0.08);border: none;height: 45px;width: 45px;border-radius: 10px;}
.employee-title{padding: 15px 0 0 0;border-top: 1px solid #E9EBEF;}
.employee-title h4{font-weight: 500; color: #495057;}
.table-dashboard .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th{border: none; border-bottom: 1px solid #E9EBEF; padding: 4px 10px;}
.table-dashboard .table-bordered{border: none;}
.table-dashboard .table thead tr th:first-child{border-radius:5px 0 0 5px;}
.table-dashboard .table thead tr th:last-child{border-radius: 0 5px 5px 0;}
.table-dashboard .table thead tr th{border-bottom: none; padding: 5px 10px; color: #3193FF; border-right: 2px solid #fff; font-size: 13px;background: #e6f3ff;}
.table-dashboard .table tfoot tr th:first-child{border-radius:10px 0 0 10px;}
.table-dashboard .table tfoot tr th:last-child{border-radius: 0 10px 10px 0;}
.table-dashboard .table tfoot tr th{border-bottom: none; padding: 5px 10px; color: #3193FF; border-right: 2px solid #fff; font-size: 13px;background: #e6f3ff;}



 .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th{border-right: none;
    padding: 4px 10px;  border-left: none; padding:4px 10px;}
 .table-bordered{border: none;}
 .display thead tr th:first-child{border-radius:5px 0 0 5px;}
 .display thead tr th:last-child{border-radius: 0 5px 5px 0;}
 .display thead tr th{border-bottom: none; padding: 15px; color: #3193FF; font-size: 13px;background: rgba(22, 132, 253, 0.05);font-weight: 500 !important;}
 .display thead tr th a strong{font-weight: 500;}

 .display tfoot tr th:first-child{border-radius:5px 0 0 5px;}
 .display tfoot tr th:last-child{border-radius: 0 5px 5px 0;}
 .display tfoot tr th{border-bottom: none; padding: 15px; color: #3193FF; font-size: 13px;background: rgba(22, 132, 253, 0.05);font-weight: 500 !important;}
 .display tfoot tr th a strong{font-weight: 500;}
 .display tbody tr td{}




/* .hr-dashboard .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th{ border-bottom: 1px solid #f1f5f8;
    padding: 8px 10px; border-top: 1px solid #f1f5f8;background-color: #e6f3ff;}
.hr-dashboard .table-bordered{border: none;}
.hr-dashboard .table thead tr th:first-child{border-radius:10px 0 0 10px;}
.hr-dashboard .table thead tr th:last-child{border-radius: 0 10px 10px 0;}
.hr-dashboard .table thead tr th{border-bottom: none; padding: 15px; color: #3193FF; font-size: 13px;background: rgba(22, 132, 253, 0.05)}
.hr-dashboard .table tbody tr td{}


.report-filter .dropdown-menu li a img{width: 22px;margin-right: 10px;width: 17px;margin-right: 10px;}
.report-filter .dropdown-menu > li > a {display: block;padding: 10px 40px 10px 15px;width: 100%;color: #495057;white-space: nowrap;}
.report-filter .dropdown-menu > li > a:hover{color: #1C87FD; text-decoration: none; background-color: #e9f2fb; border: none;}
.report-filter .dropdown-menu > li > a:hover img{filter: invert(41%) sepia(57%) saturate(3187%) hue-rotate(196deg) brightness(101%) contrast(98%);}



.hr-table .panel-heading a{font-style: normal;font-weight: 400;font-size: 16px;line-height: 16px;color: #7B8492;text-transform: capitalize;height: 37px;
border-radius: 4px;}
.hr-table .panel-body table thead tr th {color:#7B8492;font-weight: 400;border-bottom: 1px solid rgba(123, 132, 146, 0.1);}
.hr-table .panel-body table > thead > tr > th{}

.hr-table .panel-body table tr td {color: #495057;vertical-align: middle;font-weight: 500;font-size: 15px;border-top: 1px solid rgba(123, 132, 146, 0.1);padding: 10px 10px;}
.hr-table .panel-body table tr td div{line-height: 17px;}
.hr-table .panel-body table tr td small{color: #A5B2C2;}


.hr-table .panel-body table tr td .user-box{ display: flex;align-items: center;justify-content: left;}
.hr-table .panel-body table tr td .prog-avatar{margin-right: 10px;  margin-right: 10px; border-radius: 50%;overflow: hidden;width: 45px; height: 45px;background-color: #f8fafb;}
.hr-table .panel-body table tr td .employee-name {line-height: 10px;line-height: 18px;}
.hr-table .panel-body table tr td .employee-name .title{color: #3193FF;font-style: normal;font-weight: 500;font-size: 16px;line-height: 16px;}
.hr-table .panel-body table tr td .employee-name small{font-style: normal;font-weight: 400;font-size: 13px;line-height: 12px;color: #A5B2C2;} */


.search-group{display: flex}


 #progress-sticky {
            color: #fff;
        }
        .help_cj_content .btn-primary {
            background-color: #2cbc4d;
        }
        .help_cj_content .btn-primary:hover {
            background-color: #027bff;
        }
        #progress-sticky.stick {
            position: fixed;
          top: 74px;
            width: 874px;
            background-color: #fff;
            z-index: 10000;
            border-radius: 0 0 0.5em 0.5em;
            padding: 10px;
            margin: 0 -15px;
        }
        .help-desk .collapse {
            visibility: hidden;
            overflow: hidden;
        }
        .help-desk .collapse.in {
            visibility: visible;
            display: block;
            width: 305px !important;
          padding-left: 10px;
			background-color: #f6f8f8;
        }
        .collapsing {
            position: relative;
            height: 0;
            overflow: hidden;
            -webkit-transition-property: height, visibility;
            transition-property: height, visibility;
            -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
            -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
        }
        .collapsing.width {
            -webkit-transition-property: width, visibility;
            transition-property: width, visibility;
            width: 0;
            height: auto;
            overflow: hidden;
        }

        .help-left .active {
            color: #027bff !important;
        }
        .help-left
            .active_bottom{
            color: #027bff !important;
        }

            .help_blue_footer {
            background-color: #268dfe;
            padding: 20px;
            color: #fff;
            width: 100%;
        }
        .help_blue_footer p {
            color: #fff;
            font-size: 16px;
        }
        .help_blue_footer a {
            color: #fff;
        }
        .help_gray_footer {
            background-color: #7a7a7a;
            padding: 20px;
            color: #fff;
            width: 100%;
        }
        .help_gray_footer p {
            color: #fff;
            font-size: 16px;
        }
        .help_gray_footer a {
            color: #fff;
        }

            ol.order-alpha {
                counter-reset: list;
            }

            ol.order-alpha>li {
                list-style: none;
                position: relative;
                margin-left: 5px;
            }

            ol.order-alpha>li:before {
                content: counter(list, decimal) " )";
                counter-increment: list;
                left: -45px;
                padding-right: 10px;
                position: absolute;
                text-align: right;
                width: 50px;
                font-weight: 600;
                font-size: 19px;
                top: -2px;
            }
            ul.aero>li {
                list-style: none;
                position: relative;
                margin-left: 5px;
            }

            ul.aero>li:before {
            /* background-image: url('images/aero.png'); */
            font-family: FontAwesome;
            content: "\f178";
                left: -45px;
                padding-right: 10px;
                position: absolute;
                text-align: right;
                width: 40px;

            }

          ol li{line-height: 24px;}

.shedule_flag {margin: 0;padding: 0px;}
.shedule_flag li{font-family: "Poppins", Sans-serif; font-size: 13px; font-weight: normal;  margin: 0px 5px 0px 5px; color: #000; padding-left: 0px;vertical-align: middle;
line-height: 20px;display: inline-block;}


.table-top .btn-primary {min-height: 38px; line-height: 28px;}



.main-career-page{margin: 20px 0;}
.main-career-page .background-top{margin-bottom: 15px;}
.main-career-page .bg-overlay-top{position: relative;}
/* .main-career-page .bg-overlay-top .background-img{background: url(../images/bg-img.jpg) no-repeat center; background-size: cover; border-radius: 5px;} */
.main-career-page .bg-overlay-top .bg-overlay-layer{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4);border-radius: 5px;}
.main-career-page .bg-content {position: absolute; top: auto; left: 40px; right: 0; bottom: 25px;}
.main-career-page .bg-content .bg-title{color: #fff; font-size: 32px;font-weight: 600;}
.main-career-page .bg-content p{color: #fff; font-size: 17px; font-weight: 500;}
/* start left form */
.main-career-page .career-form{margin-bottom: 70px;}
.main-career-page .career-form h4{margin-top: 35px; margin-bottom: 20px; font-weight: 500; text-transform: capitalize; font-size: 20px; color: #0b75d6;}
.main-career-page .career-form .form-group .label-title{font-size: 13px; margin-bottom: 5px; font-weight: 400; color: #495057;}
.main-career-page .career-form .form-group .form-control, .main-career-page .career-form .form-group .select, .main-career-page .career-form .form-group .textarea-main{background-color: #f5f5f5;    border: none;
    color: #5E6278; height: 45px; outline: none; border-radius: 5px; transition: all .4s ease; font-weight: 600;}
.main-career-page .career-form .form-group .form-control:focus, .main-career-page .career-form .form-group .select:focus, .main-career-page .career-form .form-group .textarea-main:focus{background: #eef3f7; outline: none; box-shadow: none;}
.main-career-page .career-form .form-group .select{width: 100%; padding: 0 10px;}
.main-career-page .career-form .form-group .textarea-main{width: 100%; height: auto; }
.main-career-page .career-form .separator{border-bottom: 1px solid #eff2f5; margin-bottom: 25px;}
.main-career-page .career-form .submit-btn{background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%); box-shadow: 0px 5px 30px rgb(22 132 253 / 25%);border-radius: 8px;color: #ffffff;height: 45px; border: none;font-size: 16px; font-weight: 500; padding: 12px 30px; transition: all .4s ease;}
.main-career-page .career-form .submit-btn:hover{background: linear-gradient(271.37deg, #005cbf 0%, #3a99ff 100%);}
.main-career-page .job-details .job-content .job-title {font-size: 18px; font-weight: 600; margin-bottom: 15px; line-height: 32px; color: #0b75d6;}
.main-career-page .job-details .job-content p{margin: 0 0 10px;font-size: 15px;font-weight: 500;line-height: 26px;color: #6e7379;}
.main-career-page .job-details .job-content ul{padding-left: 15px;}
.main-career-page .job-details .job-content ul li{list-style: disc; color: #495057; font-weight: 400; font-size: 15px; line-height: 24px;  position: relative;}
.main-career-page .job-details .panel-group .panel{border: none;}
.main-career-page .job-details .panel-group .panel-heading{background: none; border: none; border-bottom: 1px dotted #ddd; padding-left: 0;min-height: 30px;padding: 10px 0px;}
.main-career-page .job-details .panel-group .panel-heading .panel-title .collapse-main{display: block; position: relative;padding: 0px;}
.main-career-page .job-details .panel-group .panel-heading .panel-title .collapse-main:focus{outline: none;}
.main-career-page .job-details .panel-group .panel-heading .panel-title .collapse-main .plus-img{display: none;}
.main-career-page .job-details .panel-group .panel-heading .panel-title a.collapsed .plus-img{display: block;}
.main-career-page .job-details .panel-group .panel-heading .panel-title .collapse-main .plus-img, .main-career-page .job-details .panel-group .panel-heading .panel-title .collapse-main .minus-img{position: absolute;left: 0;top: auto;bottom: 0px;height: 22px;width: 22px;background: #d7d9db; transition: all .4s ease;border-radius: 4px;}
.main-career-page .job-details .panel-group .panel-heading .panel-title .collapse-main .plus-img img, .main-career-page .job-details .panel-group .panel-heading .panel-title .collapse-main .minus-img img{margin: 5px;}
.main-career-page .job-details .panel-group .panel-heading .panel-title .collapse-main span {padding-left: 40px;color: #5E6278;font-weight: 600;font-size: 17px;line-height: 25px;}
.main-career-page .job-details .panel-group .panel-collapse .panel-list p, .main-career-page .right-pannel .right-pannel-list .panel-list p{position: relative; color: #495057; font-weight: 500; font-size: 15px;}
.main-career-page .job-details .panel-group .panel-collapse .panel-list p::before, .main-career-page .right-pannel .right-pannel-list .panel-list p::before{position: absolute;content: '';background: #B5B5B3;border-radius: 6px;width: 8px;height: 4px;top: 8px;left: -15px;}

.main-career-page .right-pannel{padding: 20px;border-radius: 10px;background: rgba(255, 255, 255, 0.1);  background-color: rgba(255, 255, 255, 0.1);box-shadow: 1px 1px 26px 20px #1910540d;background-color: #fff;}
.main-career-page .right-pannel p{color:#495057;}
.main-career-page .right-pannel .about-us .about-title{color: #0B75D6; font-size: 26px; font-weight: 600; margin-bottom: 24px; margin-top: 0;}
.main-career-page .right-pannel .about-us p {font-size: 15px;font-weight: 400; line-height: 25px; color: #495057;}
.main-career-page .right-pannel .right-pannel-list{margin-bottom: 25px;}
.main-career-page .right-pannel .explore-btn {color: #1684FD;font-weight: 600;font-size: 16px;}
.main-career-page .right-pannel .explore-btn:hover{color: #0063cd;}
.main-career-page .right-pannel .right-pannel-list h4{color: #0b75d6;font-weight: 700;font-size: 17px;line-height: 25px;text-transform: capitalize;margin: 25px 0px 15px 0px;}
.main-career-page .right-pannel .right-pannel-list h5{font-size: 16px;color: #495057;}
.main-career-page .right-pannel .right-pannel-list ul{padding-left: 35px;}
.main-career-page .right-pannel .right-pannel-list ul li{list-style: none;color: #495057;font-weight: 500;font-size: 15px;}
.main-career-page .right-pannel .right-pannel-list ul li i{position: absolute;left: -20px;}

.main-career-page .right-pannel .right-pannel-list .address li{list-style: none; color: #495057; font-weight: 400; font-size: 15px; line-height: 25px; position: relative; margin-bottom: 15px;}
.main-career-page .right-pannel .right-pannel-list .address li i{  position: absolute; left: -35px; top: 0px; padding: 1px; background-color: #0b75d6; width: 23px;  height: 23px; margin-bottom: 0px;    border-radius: 50%; color: #fff; text-align: center; line-height: 21px; font-size: 13px;}

/* responsive */
@media screen and (max-width:767px){

    .main-career-page .bg-content{bottom: 10px;}
}
@media screen and (max-width:600px){

    .main-career-page .bg-content{bottom: 9px;position: static;}
    .main-career-page .bg-content .bg-title{margin-bottom: 0px; font-size: 18px;color: #0b75d6;}
    .main-career-page .bg-content p{font-size: 15px;}
    .main-career-page .job-details .job-content .job-title{font-size: 25px; margin-bottom: 12px;}
    .main-career-page .job-details .job-content p{font-size: 16px;}
}
@media screen and (max-width:320px) {

    .main-career-page .bg-content{left: 20px; bottom: 0;}
    .main-career-page .bg-content .bg-title{font-size: 20px;}
    .main-career-page .bg-content p{font-size: 13px;}
}



.dropdown .dropdown-menu li a{padding-right: 25px;display: block;color: #495057;white-space: nowrap;}

/* .apexcharts-text{
font-family: "Poppins", sans-serif !important;
  font-style: normal;
	font-weight: 400;
}
.apexcharts-text tspan {
font-family: "Poppins", sans-serif!important;
  font-style: normal;
}

aside {
  position: fixed;
  width: 400px;
  height: 100%;
  background: #fff;
  right: -400px;
  top: 0;
  bottom: 0;
  box-sizing: border-box;
  padding: 0px;
  transition: all 0.4s ease;
  z-index: 2;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.09);
box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.09);
overflow-y: auto;
-ms-overflow-style: none;
scrollbar-width: none;
}
	aside ul{
		padding: 0;
	}

aside ul li{
	list-style: none;
}

aside.active {
  right: 0;
}
aside a {
display: block;
padding: 15px 25px;
text-decoration: none;
font-size: 1rem;
color: #818181;
font-size: 13px;
background-color: #f8fafb;
margin: 10px;
border-radius: 8px;
}
aside h5{
padding: 20px 25px;
margin: 0;
border-bottom: 1px solid #298efe;
background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);
color: #fff;
font-size: 16px;
}

aside a:hover{ background: #f7f7f7;text-decoration: none;} */


.main-crm-dashboard{padding: 0px 0px 15px;}
.main-crm-dashboard .crm-card{background: #ffff;
    padding: 15px 15px 32px;
    box-shadow: 0px 3px 10px rgba(68, 71, 74, 0.07);
    border-radius: 15px}
.main-crm-dashboard .crm-card .crm-logo{    background: #f7f9fa; border-radius: 10px; width: auto; padding: 15px;    min-height: 420px;}
.main-crm-dashboard .crm-card .crm-logo .logo-box{padding: 30px 40px;min-height: 203px;display: flex;align-items: center;justify-content: center;}
.main-crm-dashboard .crm-card .dashboard-head .left-content{display: flex; align-items: center; margin-bottom: 10px;}
.main-crm-dashboard .crm-card .dashboard-head .crm-desc p{color: #B5B5C3;font-size: 16px;font-weight: 500;margin-bottom: 10px;}
.main-crm-dashboard .crm-card .dashboard-head .left-content .crm-title{margin-right: 12px;}
.main-crm-dashboard .crm-card .dashboard-head .left-content .crm-title h2{font-size: 24px;color: #495057;font-weight: 600; margin: 0;}
.main-crm-dashboard .crm-card .dashboard-head .left-content span{background: rgba(49, 147, 255, 0.08);color: #1684FD;padding: 5px 15px;font-size: 12px;border-radius: 8px;font-weight: 400;}
.main-crm-dashboard .crm-card .dashboard-head .right-item{display: flex; justify-content: end; align-items: center;}
.main-crm-dashboard .crm-card .dashboard-head .right-item .user-btn{background: rgba(49, 147, 255, 0.08);border: none;color: #495057; padding: 8px 12px; font-size: 13px;margin-right: 10px;transition: all .4s ease;overflow: hidden;}
.main-crm-dashboard .crm-card .dashboard-head .right-item .user-btn:hover{color: #1684FD;}
.main-crm-dashboard .crm-card .dashboard-head .right-item .target-btn{background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);border: none;padding: 8px 12px;font-size: 13px;font-weight: 500;margin-right: 10px; transition: all .4s ease;}
.main-crm-dashboard .crm-card .dashboard-head .right-item .target-btn:hover{background: linear-gradient(271.37deg, #1888ff 0%, #1568c1 100%);}
.main-crm-dashboard .crm-card .dashboard-head .right-item .menu-btn{background: rgba(24, 136, 255, 0.08);border: none;width: auto;}

.main-crm-dashboard .crm-card .dashboard-info > div{}


.main-crm-dashboard .crm-card .dashboard-info .date-box{display: flex;flex-wrap: wrap;}
.main-crm-dashboard .crm-card .dashboard-info .date-box li{flex-basis: 24.3%; margin-bottom: 10px;margin-right: 5px;}

.main-crm-dashboard .crm-card .dashboard-info .date-box .due-date-box{         background-color: #f7f9fa;
    border-left: 5px solid #dde1e3;padding:10px;}
.main-crm-dashboard .crm-card .dashboard-info .date-box .due-date-box h3{font-size: 13px;font-weight: 600;margin-bottom: 2px;color: #495057; margin-top: 0;}
.main-crm-dashboard .crm-card .dashboard-info .date-box .due-date-box span{color: #7B8492;font-weight: 500;font-size: 13px;}
.main-crm-dashboard .crm-card .dashboard-info .date-box .due-date-box .badge{color: #fff;margin-bottom: 5px;}


.main-crm-dashboard .symbol-group{display: flex;align-items: center;justify-content: right; margin-top: 30px;}
.main-crm-dashboard .avtar-symbol{z-index: 0; transition: all .4s ease;width: 35px;height: 35px;margin-left: -10px;}
.main-crm-dashboard .avtar-symbol:hover{z-index: 1; transition: all .4s ease}
.main-crm-dashboard .avtar-symbol .symbol-toggle{display: block;}
.main-crm-dashboard .avtar-symbol .symbol-toggle .symbol-label{height: 35px;width: 35px;border-radius: 50%;position: relative;background: #ffc700;display: inline-block;text-align: center;line-height: 35px;color: #fff;overflow: hidden;}
.main-crm-dashboard .avtar-symbol .symbol-toggle .label-blue{background: #1568c1;}
.main-crm-dashboard .avtar-symbol .symbol-toggle .label-dark{background: #7239ea;}
.main-crm-dashboard .avtar-symbol .symbol-toggle .label-black{background: #181c32;}
.main-crm-dashboard .avtar-symbol .symbol-toggle .symbol-label::after{    content: '';  position: absolute; top: -1px; left: -1px; right: -1px;  bottom: -1px;    border: 4px solid #fff;   border-radius: 50%;}
.main-crm-dashboard .avtar-symbol .avtar-img{border-radius: 50%;}

/* separator */
.main-crm-dashboard .separator{border-bottom: 1px solid #eff2f5; margin: 30px 0;}
.client-box{border-radius: 12px;}
.client-box .user-box{ display: flex; align-items: center;justify-content: left;  border-radius: 10px;background-color: #fff; padding: 10px;}
.client-box .prog-avatar{margin-right: 10px;  margin-right: 10px; border-radius: 50%;overflow: hidden;width: 45px; height: 45px;background-color: #f8fafb;}
.client-box .employee-name {line-height: 10px;line-height: 18px;}
.client-box .employee-name .title{font-style: normal;font-weight: 500;font-size: 16px;line-height: 16px;margin-bottom: 5px;}
.client-box .employee-name .title h4{font-weight: 600;margin: 0;}
.client-box .employee-name .title a{color: #495057;}
.client-box .employee-name small{font-style: normal;font-weight: 400;font-size: 13px;line-height: 12px;color: #A5B2C2;}
.client-box .address-box {padding-left: 50px;  margin: 15px 0;}
.client-box .address-box li{ list-style: none; position: relative; line-height: 20px; padding: 10px 0px;}
.client-box .address-box li .add-ico{position: absolute; left: -45px; width: 34px; top: 1px; background-color: #f2f2f3; padding: 8px; border-radius: 5px;}

.sales-box{box-shadow: 0px 3px 10px rgba(68, 71, 74, 0.07);}
.sales-box .icon-list{border-bottom: 1px solid #f8fafb; display: flex;justify-content: stretch;padding: 10px 20px;}
.sales-box .icon-list .icon-box{  background-color: #f5f5f5; border-radius: 10px; width: 45px; height: 45px; padding: 12px; margin-right: 10px;}
.sales-box .icon-list .content{flex: 1; align-items: center;display: flex;justify-content: space-between;}


.profile-desk .client-box{border: none;border-radius: 12px;padding: 0px 0px;}
.profile-desk .client-box .user-box{ display: flex; align-items: center;justify-content: left; padding: 16px 16px; background-color: #fff; border: 1px solid #e9ebef; border-radius: 10px;}
.profile-desk .client-box .prog-avatar{margin-right: 10px;  margin-right: 10px; border-radius: 50%;overflow: hidden;width: 45px; height: 45px;background-color: #f8fafb;}
.profile-desk .client-box .employee-name {line-height: 10px;line-height: 18px;}
.profile-desk .client-box .employee-name .title{color: #3193FF;font-style: normal;font-weight: 500;font-size: 16px;line-height: 16px;margin-bottom: 5px;}
.profile-desk .client-box .employee-name .title a{color: #495057;}
.profile-desk .client-box .employee-name small{font-style: normal;font-weight: 400;font-size: 13px;line-height: 12px;color: #A5B2C2;}
.profile-desk .client-box .address-box {padding-left: 45px;background-color: transparent;margin: 0;}
.profile-desk .client-box .address-box li{list-style: none;position: relative;line-height: 30px;padding: 5px 0px;font-size: 15px;margin-bottom: 0px;}
.profile-desk .client-box .address-box li .add-ico{position: absolute;left: -47px;width: 35px;top: 3px;padding: 8px;background: #f5f5f5;border-radius: 5px;}

.emp-profile{}
.profile-dashboard{position: relative;}
.profile-dashboard .profile-pic{ }

/* .profile-detail{padding-left: 315px;} */
.profile-image{ min-height: 170px;}
/* .detail-box{display: flex;justify-content: space-between;} */
.detail-box .detail-box-child-one{padding: 0px 0px;}
.detail-box .detail-box-child-two .dashed{border: 1px dashed #ccc;padding: 10px;border-radius: 5px;}

.profile-detail .badge{margin-bottom: 10px;}


/* .profile-dashboard .profile-desk{    flex-basis: 100%; padding-left: 270px; margin-right: auto; margin-left: auto;} */
.work-perform{display: block;
    color: #495057;
    text-transform: uppercase;
    color: #1785fd;
    background-color: #E0F0FF ;
    padding: 5px 10px;
    border-radius: 10px;}
.work-perform strong{color: #1785fd;text-transform: capitalize;font-weight: 400;font-size: 13px; }
.work-perform .num{color: #1785fd; display: block;  font-size: 18px;  font-weight: 600; line-height: 24px;}
.work-perform .num a{color:#1785fd;font-size: 18px;}


ol.help-content li{font-size: 13px;}

	ol.help-content {
		counter-reset: list;
	}

	ol.help-content>li {
		list-style: none;
		position: relative;
		margin-left: 5px;
	}

	ol.help-content>li:before {
		content: counter(list, lower-alpha) " )";
		counter-increment: list;
		left: -45px;
		padding-right: 10px;
		position: absolute;
		text-align: right;
		width: 40px;
    font-weight: 600;
    font-size: 16px;
	}

    ul.contact-group{padding: 0px;margin: 0px;}
    ul.contact-group li{list-style: none;padding: 10px 0px;}
    ul.contact-group li a{text-decoration: none;cursor:pointer;font-size: 13px;}

    .prospect-list .user-box{display: flex;padding: 13px 10px;margin-bottom: 0px;}
    .prospect-list .user-box:hover{background-color: #e9f2fb; border-radius: 5px;}
    .prospect-list .user-box .prog-avatar{margin-right:10px;}
    .prospect-list .user-box .prog-avatar .avatar{border-radius: 50%;}
    .prospect-list .employee-name .title{font-size: 15px; font-weight: 600; margin-bottom: 2px;}



.section-tab{margin-bottom: 15px;}
.section-tab .btn{line-height: 21px;padding: 0px 15px;font-size: 11px;min-height: 20px;border-radius: 15px;color: #495057;}
.section-tab .btn.active{color: #fff;}
.section-tab .btn:hover{color: #fff;}
.section-tab .btn .arrow{content:'';position: absolute;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #3193FF;top: 20px;left: 39%;display: none;}

.section-tab .btn.active .arrow{color: #3193FF;display: block;}
.section-tab .btn:hover .arrow{color: #3193FF;display: block;}

.label-info{background-color: #f1faff;
    color: #009ef7;
    padding: 1px 8px;
    font-size: 11px;
    font-weight: 500;
    border: 1px solid #009ef7;}
.label-danger{background-color: #fff5f8;color: #f25179;padding: 5px 12px;
    font-size: 13px;
    font-weight: 500;}
.label-primary{background-color: #000;color: #fff;padding: 5px 12px;
    font-size: 13px;
    font-weight: 500;}
.label-success{background-color: #000;color: #fff;padding: 5px 12px;
    font-size: 13px;
    font-weight: 500;}
.label-warning{background-color: #fff8dd;color: #ffc700;padding: 5px 12px;
    font-size: 13px;
    font-weight: 500;}
    .label-default{padding: 5px 12px; font-size: 13px; font-weight: 500;}




.text-info{color: #009ef7;}
.text-danger{color: #d9534f;}
.text-primary{color: #3997ff;}
.text-success{color: #65C366;}
.text-warning{color: #ffc700;}


.notification-msg-footer{padding: 0;margin: 0;}
.notification-msg-footer li{list-style: none;}
.notification-msg-footer li a{padding: 20px 50px 20px 20px; background-color: rgba(255,255,255,0.7);color: #495057; border-radius: 5px; margin-bottom: 1px; display: block; font-size: 16px; font-weight: 500;
 line-height: 27px;letter-spacing: 0.5px;backdrop-filter: blur(10px);text-decoration: none;}
 .notification-msg-footer li img{width: 20px; height: 20px; position: absolute; right: 21px; top: 24px;}

 .notification-msg-footer li:hover img{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(200%) contrast(100%);}
.notification-msg-footer li a:hover{background-color: #1368d7;color: #fff;}
 .notification-msg-footer li a:hover i{color:#fff !important;}


.doc-grid{padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content: flex-start;list-style: none;}
.doc-grid li{  min-width: 200px;height: 200px; flex-wrap: wrap; text-align: center;}

.doc-grid li .doc-box{position: relative; padding: 5px; border-radius: 10px; overflow: hidden;margin: 5px;background-color: #fff;border: 1px solid #eb9170;}
.doc-grid li .doc-box .doc-hover{position: absolute;padding: 7px;left: 0;top: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.8); display: none; padding: 0px; z-index: 2; border-radius: 5px;}
.activity-planned .date-box .date .month.doc-grid li .doc-box .doc-hover .icn{background: rgba(255, 255, 255);vertical-align: top;margin: 6px;padding: 7px; width: 25px;height: 25px;}
.doc-grid li .doc-box:hover .doc-hover{display: block;}
.doc-grid li .doc-box .doc-no{right: 9px;z-index: 0;bottom: 5px;display: flex;justify-content: start;align-items: center;flex-direction: column;padding-top: 0px;position: absolute;}
.doc-grid li .doc-box .doc-no i{font-size: 18px; }
.filter-content{max-width: calc(100vw - 60px);}



/* .crm-activity{max-width: 80%;}
/* .crm-activity{width: 80% !important; background-color: #F8FAFB;}
.crm-activity .modal-content{background-color: #F8FAFB;} */
/* .crm-activity{width: 80% !important; background-color: #F3F9FF;}
.crm-activity .modal-content{background-color: #F3F3F3;}


.crm-activity .activity-box { padding: 10px 0; margin: 0px auto; position: relative; overflow: hidden;min-height: 1000px}
.crm-activity .activity-box:before {content: ''; position: absolute;top: 0;left: 16px; margin-left: -1px; width: 2px; height: 100%; background: #CCD1D9; z-index: 1}
.crm-activity .activity-box .timeline-block {width: -webkit-calc(50% + 8px);width: -moz-calc(50% + 8px);width: calc(50% + 8px); display: -webkit-box;display: -webkit-flex;display: -moz-box;display: flex; -webkit-box-pack: justify;-webkit-justify-content: space-between;
-moz-box-pack: justify; justify-content: space-between;clear: both;}
.crm-activity .activity-box .timeline-block-right {float: right;}
.crm-activity .activity-box .timeline-block-left {float: left;direction: rtl}
.crm-activity .activity-box .marker { width: 35px;height: 35px; border-radius: 50%;  background: #b8b8b8; margin-top: 2px; z-index: 9999; text-align:center;  position: relative; }
.crm-activity .activity-box .marker.active{width: 35px;height: 35px; background:#3193FF; left: 0px;display: flex;align-items: center;justify-content: center;}
.crm-activity .activity-box .marker.active img{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(200%) contrast(100%);}
.crm-activity .activity-box .timeline-content {width: 95%; padding: 0 15px; color: #666;}
.crm-activity .activity-box i.fa.active{display:block !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; height: 50%;color:#fff;font-size: 16px;}

.crm-activity .activity-box i.fa.active {display:block !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; height: 50%;color:#fff;font-size: 16px;}
.crm-activity .activity-box .timeline-content h3 {margin-top: 8px; margin-bottom: 5px; font-size: 20px;font-weight: 500;}
.crm-activity .activity-box .timeline-content span {font-size: 15px;color: #a4a4a4;}
.crm-activity .activity-box .timeline-content p { font-size: 13px;line-height: 1.5em; word-spacing: 1px; color: #888;}
.crm-activity .activity-box .activity-box:before { left: 19px; width: 2px;}
.crm-activity .activity-box .timeline-block { width: 100%; margin-bottom: 15px; }
.crm-activity .activity-box .timeline-block-right { float: none;display: flex;}
.crm-activity .activity-box .timeline-block-left { float: none;direction: ltr;display: flex;} */ 


/* .lead-history-sec{	border-radius: 12px;}
.text-label{display: inline-block;	font-weight: 400;text-align: center;	vertical-align: middle;background-image: none;	border: 1px solid transparent;	white-space: nowrap;	padding: 6px 15px;	font-size: 15px;	line-height: 1.42857143;	border-radius: 5px;	-webkit-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;	vertical-align: middle;	line-height: 24px;min-height: 35px;}
.btn-sm, .btn-group-sm > .text-label {padding: 12px 15px !important;font-size: 13px !important; line-height: 1.5; border-radius: 3px; min-height: 10px !important; line-height: 12px !important;}
.lead-history-sec label {display: inline-block;margin-bottom: 0px;font-weight: 700;}
.lead-history-sec label .date-badge {	background-color: #edf2f9;	border-radius: 20px;padding: 4px 15px;	color: #2f91fe !important;	font-size: 12px !important;font-weight: 500;}
.label-primary {background: linear-gradient(271.37deg, #34b36a 0%, #5dc88a 100%);box-shadow: 0px 5px 30px rgba(22, 132, 253, 0.25);	border-radius: 3px;	color: #ffffff !important;	min-height: 38px;}
.label-secondary {background: linear-gradient(226.37deg, #c4c4c4 24.4%, #b3b3b3 75.6%);box-shadow: 0px 5px 30px rgba(155, 157, 122, 0.25);border-radius: 3px;	min-height: 38px;	color: #ffffff !important;}
.label-turnery{background: linear-gradient(271.37deg, #eb657c 0%, #e62e4e 100%);box-shadow: 0px 5px 30px rgba(22, 132, 253, 0.25);	border-radius: 3px;	color: #ffffff !important;	min-height: 38px;}
.lead-history-sec .activity-box {margin: 0px auto; position: relative; overflow: hidden}
.lead-history-sec .date-time-block {position: relative;}
.lead-history-sec .form-group {margin-bottom: 0 !important;}
.lead-history-sec .date-time-box {	position: absolute;	left: 0px;	right: 0px;	bottom: 0px;color: #9d9b9b;padding: 10px;}
.lead-history-sec .activity-planned{display: block;}
.lead-history-sec .activity-planned .activity-content {display: flex;	margin-top: 10px;justify-content: stretch;}
.lead-history-sec .activity-planned .activity-content .date-box {padding: 10px;border-radius: 10px;width: 90px;height: 90px;background-color: #edf2f9;}
.lead-history-sec .activity-planned .activity-content .date-box .date {background-color: #fff;border-radius: 5px;	border: 1px solid #3193ff;}
.lead-history-sec .activity-planned .activity-content .date-box .date .day {text-align: center;font-size: 25px;padding: 8px;font-weight: 600;color: #3193ff;	border-top: 5px inset #3193ff;}
.lead-history-sec .activity-planned .activity-content .date-box .date .month {font-size: 8px;line-height: 10px;text-align: center;text-transform: uppercase;}
.lead-history-sec .activity-planned .activity-content .date-box .date .time {font-size: 8px;line-height: 12px;text-align: center;text-transform: uppercase;}
.lead-history-sec .activity-box::before{content: '';  position: absolute; top: 0; left: 16px; margin-left: -1px; width: 2px; height: 100%; background: transparent;z-index: 1; border-left: 1px dashed #495057;}
.lead-history-sec .activity-box .timeline-block {width: -webkit-calc(50% + 8px);width: -moz-calc(50% + 8px);width: calc(50% + 8px); display: -webkit-box;display: -webkit-flex;display: -moz-box;display: flex; -webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify; justify-content: space-between;clear: both;}
.lead-history-sec .activity-box .timeline-block-right {float: right;}
.lead-history-sec .activity-box .timeline-block-left {float: left;direction: rtl}
.lead-history-sec .activity-box .marker { width: 38px;height: 35px; border-radius: 50%;line-height: 33px;  background: #b8b8b8; margin-top: 2px; z-index: 5; text-align:center;  position: relative; }
.lead-history-sec .activity-box .marker.active{width: 38px;height: 35px; background:#3193FF; left: 0px; line-height: 33px;}
.lead-history-sec .activity-box img{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(279deg) brightness(107%) contrast(200%);width: 20px;}
.lead-history-sec .activity-box .timeline-content {width: 100%; padding: 0 15px; color: #666;}
.lead-history-sec .activity-box i.fa.active{display:block !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; height: 50%;color:#fff;font-size: 16px;}
.lead-history-sec .activity-text-content .text-box {	border: 1px solid #ccc;	padding: 5px 10px;	border-radius: 10px;}
.lead-history-sec .activity-text-content .text-box a img{position: relative; top: 6px;}
.date-badge {background-color: #edf2f9;border-radius: 20px;padding: 2px 12px;	color: #2f91fe !important;	font-size: 12px !important;font-weight: 500;}
.lead-history-sec .activity-planned .activity-content .activity-text-content {	flex: 1;padding: 10px;}
.positive-label{background: linear-gradient(271.37deg, #34b36a 0%, #5dc88a 100%); color: #fff !important; padding: 3px 13px; border-radius: 13px;font-size: 13px !important;}
.negative-label{background: linear-gradient(271.37deg, #eb657c 0%, #e62e4e 100%); color: #fff !important;padding: 3px 13px; border-radius: 13px;font-size: 13px !important;}

.unread-mail{font-weight: 700;}
.panel-body{padding: 15px;}
.email-body{padding: 10px;}
.lead-history-sec .panel {	margin-bottom: 0px;background-color: #fff;border: 1px solid #E9EBEF;	border-radius: 12px;transition: all .5s ease-in-out;/* height: calc(100% - 30px); */
/* .lead-history-sec .activity-box i.fa.active {display:block !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; height: 50%;color:#fff;font-size: 16px;}
.lead-history-sec .activity-box i.far.active {display:block !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; height: 50%;color:#fff;font-size: 16px;}
.lead-history-sec .activity-box .timeline-content h3 {margin-top: 8px; margin-bottom: 5px; font-size: 20px;font-weight: 500;}
.lead-history-sec .activity-box .timeline-content span {font-size: 13px; color: #a4a4a4;font-weight: 500;}
.lead-history-sec .activity-box .timeline-content p { font-size: 13px;line-height: 1.5em; word-spacing: 1px; color: #888;}
.lead-history-sec .activity-box .activity-box:before { left: 19px; width: 2px;}
.lead-history-sec .activity-box .timeline-block { width: 100%; margin-bottom: 15px; }
.lead-history-sec .activity-box .timeline-block-right { float: none;display: flex;}
.lead-history-sec .activity-box .timeline-block-left { float: none;direction: ltr;display: flex;}
.lead-history-sec .timeline-activity{justify-content: space-between !important;}
.lead-history-sec .activity-box .do-things {padding: 6px 10px;	border-radius: 33px;border: 1px solid #e9ebef;	background-color: #fff;	display: flex;align-items: center;justify-content: start;}
.do-things .time {display: inline-block;padding: 0px 10px;border-right: 1px solid #495057;color: #495057 !important;}
.do-things .content {display: inline-block;padding: 0px 10px;color: #495057 !important;}
.lead-history-sec .divider-block {width: 100%;text-align: left;margin: 15px 0px;}
.lead-history-sec .divider-block::after {content: '';	width: 100%;height: 1px;border-top: 1px dashed #495057;	display: block;	margin: 0px 15px;position: relative;top: -13px;	z-index: 0;}
.lead-history-sec .divider-block span {padding: 4px 15px; background-color: #3193ff; border-radius: 50px; position: relative; z-index: 1; font-size: 12px; left: 50px; font-size: 18px; color: #fff; font-size: 13px; top: -4px;
    left: 64px;}  */




/* .crm-activity .activity-box .timeline-content .activity-tab .nav-tabs li a.active{border: none; border-bottom: 3px solid #009ef7;}
.activity-tab .nav-tabs li a.active{border: none; border-bottom: 3px solid #009ef7;}
.crm-activity .well{padding: 10px;background-color: #f8fafb;border: none;box-shadow: none;}
.upload-file{padding: 15px;border-radius: 15px; }
.upload-file .list-inline li .upload-icon-box{padding: 15px;background-color: #fff;border-radius: 15px;}
.comment ul.list-inline li a{color: #495057 !important;text-decoration: none;}


.do-things{padding: 6px 10px; border-radius: 33px; border: 1px solid #c5dbf4; background-color: #edf2f9; display: flex; align-items: center; justify-content: start;}
.do-things .avatar{width: 25px;height: 25px;border-radius: 50%;overflow: hidden;display: inline-block;}
.do-things .avatar img{width: 25px;}
.do-things .time{display: inline-block;padding:0px 10px;border-right: 1px solid #495057;color: #495057 !important;}
.do-things .content{display: inline-block;padding:0px 10px;color: #495057 !important;}

.activity-planned{display: block;}
.activity-planned .date-box{padding: 10px;border-radius: 10px;width: 80px;height: 80px;background-color: #edf2f9;}
.activity-planned .date-box .date{background-color: #fff; border-radius: 5px;border: 1px solid #3193ff;}
.activity-planned .date-box .date .day{text-align: center;font-size: 25px;padding: 8px;font-weight: 600;color: #3193ff;border-top: 5px inset #3193ff;}
.activity-planned .date-box .date .month{font-size: 8px;line-height: 10px;text-align: center;text-transform: uppercase;}
.activity-planned .date-box .date .time{font-size: 8px;line-height: 12px;text-align: center;text-transform: uppercase;}

.date-badge{background-color: #edf2f9;border-radius: 20px;padding: 4px 15px;color: #2f91fe !important; font-size: 12px !important; font-weight: 500;}
.activity-planned .activity-content{display: flex;margin-top: 10px;justify-content: stretch;}

.activity-planned .activity-content .activity-text-content{flex: 1;padding: 10px;}
.activity-text-content .text-box{border: 1px solid #ccc;padding: 10px;border-radius: 10px;}


.automation-group{padding: 15px 0px;}
.automation-group ul{list-style: none;padding: 0;margin: 0px;background-color: #fff;}
.automation-group ul li a{padding: 13px;border-bottom: 1px solid #d9eaf2;display: block;color: #495057;text-decoration: none;}
.automation-group ul li a:hover{background-color: #f5f5f5;}

.automation-content{padding: 15px 0px;}
.automation-content ul{list-style: none;padding: 0;margin: 0px;background-color: #fff;border-radius: 10px;}
.automation-content ul li{padding: 13px;border-bottom: 1px solid #d9eaf2;display: block;color: #495057;text-decoration: none;}
.automation-content ul li:hover{background-color: #f5f5f5;} */

/* .divider-block::before{content: '';clear: both;}
.divider-block{width: 100%;text-align: center;margin: 15px 0px;}
.divider-block span{padding: 4px 10px;background-color: #ccc;border-radius: 10px;position: relative;z-index: 1;font-size: 12px;}
.divider-block::after{content: '';width: 100%;height: 2px;background-color: #ccd1d9;display: block;margin: 0px 15px;position: relative;top: -10px;z-index: 0;} */

.date-time-block{position: relative;}
.date-time-box{left: 0px;right: 0px;bottom: 0px;color: #9d9b9b;padding: 10px;}

.chat-main-box{position: relative; height: calc(100vh - 117px);}
.chat-panel-left{position: absolute; width: 300px;bottom: 0;top: 0;border: none; border-radius: 0; height: 100%; background-color: #fff; z-index: 1;}
.chat-panel-right{border-radius: 0;padding-left: 300px; position: absolute; left: 0; right: 0; top: 0;bottom: 0;margin: 0px;border: 0px;}




/* 
.setting-box {
    display: flex;
    flex-flow: column wrap;
    align-content: space-between;
    height: calc(100vh - 70px);
    border-radius: 3px;
    width: 100%;
    margin: 0px auto;
    counter-reset: items;
    overflow-x: auto;
  }

  .setting-box .item {
    width: 25%;
    position: relative;
    box-sizing: border-box;
  } */

   /* Just to print out numbers */


  /* Re-order items into 3 rows */

  /* .item:nth-of-type(5n+1) { order: 1; }
  .item:nth-of-type(5n+2) { order: 2; }
  .item:nth-of-type(5n+3) { order: 3; }
  .item:nth-of-type(5n+4) { order: 4; } */

  /* .item:nth-of-type(1) { order: 1; }
  .item:nth-of-type(2) { order: 2; }
  .item:nth-of-type(3) { order: 3; }
  .item:nth-of-type(4) { order: 4; }
  .item:nth-of-type(5) { order: 5; }
  .item:nth-of-type(6) { order: 6; }
  .item:nth-of-type(7) { order: 7; }
  .item:nth-of-type(8) { order: 8; }
  .item:nth-of-type(9) { order: 9; }
  .item:nth-of-type(10) { order: 10; }
  .item:nth-of-type(3) { order: 3; }
  .item:nth-of-type(4) { order: 4; } */


/* 
.setting-megamenu{position: static !important;}
.setting-megamenu .dropdown-menu{position: absolute;left: 0;right: 0;width: auto;margin-right: 275px;padding: 0px;border: 1.8px solid #E9EBEF;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
    .setting-megamenu.open .dropdown-menu{display: block !important;opacity: 1; height: 100vh;}
    .setting-megamenu .dropdown-toggle:hover.dropdown-menu{display: block !important;}
.setting-megamenu .dropdown-menu .menu-box{padding: 20px 15px 15px 70px; position: relative;}
.setting-megamenu .dropdown-menu .menu-box h3{margin: 0;padding: 0px 10px 15px;color: #495057;font-size: 18px;}
.setting-megamenu .dropdown-menu .menu-box .icon-box{position: absolute; padding: 8px 10px; width: 40px; height: 40px; left: 20px; top: 20px; border-radius: 7px;}
.setting-megamenu .dropdown-menu .menu-box .icon-box {}
.setting-megamenu .dropdown-menu .menu-box .icon-box.boxone{background: rgba(249, 115, 213, 0.2);}
.setting-megamenu .dropdown-menu .menu-box .icon-box.boxone img{filter: invert(65%) sepia(51%) saturate(1795%) hue-rotate(283deg) brightness(101%) contrast(95%);}
.setting-megamenu .dropdown-menu .menu-box .icon-box.boxtwo{background: rgba(30, 136, 253, 0.2);}
.setting-megamenu .dropdown-menu .menu-box .icon-box.boxtwo img{filter: invert(40%) sepia(89%) saturate(2512%) hue-rotate(196deg) brightness(102%) contrast(98%);}
.setting-megamenu .dropdown-menu .menu-box .icon-box.boxthree{background: rgba(255, 130, 85, 0.2);}
.setting-megamenu .dropdown-menu .menu-box .icon-box.boxthree img{filter: invert(79%) sepia(71%) saturate(4140%) hue-rotate(324deg) brightness(103%) contrast(101%);}
.setting-megamenu .dropdown-menu .menu-box .icon-box.boxfour{background: rgba(103, 109, 212, 0.2);}
.setting-megamenu .dropdown-menu .menu-box .icon-box.boxfour img{filter: invert(43%) sepia(68%) saturate(499%) hue-rotate(199deg) brightness(92%) contrast(93%);}
.setting-megamenu .dropdown-menu .menu-box .icon-box.boxfive{background: rgba(89, 196, 241, 0.2);}
.setting-megamenu .dropdown-menu .menu-box .icon-box.boxfive img{filter: invert(63%) sepia(41%) saturate(657%) hue-rotate(160deg) brightness(105%) contrast(89%);}
.setting-megamenu .dropdown-menu .menu-box ul{padding: 0px;}
.setting-megamenu .dropdown-menu .menu-box ul li{padding: 0px;}
.setting-megamenu .dropdown-menu .menu-box ul li a{display: block;text-decoration: none;border-radius: 5px;padding: 4px 10px;  -webkit-transition: all 1s;
    transition: all 1s;}
.setting-megamenu .dropdown-menu .menu-box ul li a:hover{background: #EFF7FF;}
.setting-megamenu .dropdown-menu .menu-box ul li a.active{background: #EFF7FF;color:#007df2;}

.left-side-collapsed .setting-megamenu .dropdown-menu { margin-right: 55px;} */

#TaskSidebar.active {
    margin-left: -250px;
    display:none;
  }

  #TaskSidebar{
  position: fixed;
  padding-top: 70px;
  left: 59px;
  bottom: 0;
  top: 0;
  background-color: #fff;
  z-index: 1111;
  width: 250px;
  display:block;
  border: 1px solid #E9EBEF;
  box-shadow: 0px 4px 20px rgba(49, 147, 255, 0.4);
  z-index: 0;
  transition: 1s;

  }
/* 
   .Task-nav li a{color:#495057;}
  .Task-nav li a:hover{background-color: #EFF7FF !important;color:#2D90FE !important;}
  .Task-nav li.active a{background-color: #EFF7FF !important;color:#2D90FE;}
  .Task-nav li a.active{background-color: #EFF7FF !important;color:#2D90FE;} */


  #wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  #wrapper.toggled {
    padding-left: 250px;
  }
  #sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 60px;
    width: 0;
    height: 100%;
    margin-left: 0px;
    background: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 10;
    padding: 15px 0px;
    box-shadow: 0px 6px 17px rgba(68, 71, 74, 0.07);
border-right: 1px solid #e9ebef;


    padding: 10px 0;
  }
  #sidebar-wrapper .scroll-box{
    overflow-y: auto;
    height: 88vh;
    overflow-x: hidden;
    scrollbar-width: thin;
  }


  #sidebar-wrapper .left-button{padding: 10px 5px;
    background-color: #3093ff;
    width: 15px;
    position: absolute;
    right: -15px;
    top: 40%;
    text-align: center;
    cursor: pointer;
    color: #fff;}


    #wrapper.toggled #sidebar-wrapper .left-button i{transform: rotate(180deg);}

  #sidebar-wrapper::-webkit-scrollbar {
    width: 9px;
  }
  #sidebar-wrapper::-webkit-scrollbar-track {
    background: transparent;
  }
  #sidebar-wrapper::-webkit-scrollbar-thumb {
    background-color: rgba(155, 155, 155, 0.5);
    border-radius: 20px;
    border: transparent;
  }
  #wrapper.toggled #sidebar-wrapper {
    width: 250px;
  }
  #page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
  }
  #wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
  } 
  /* Sidebar Styles */

.upgrade-now {background: linear-gradient(226.37deg, #FF9D7A 24.4%, #FF7C4C 75.6%);
    box-shadow: 0px 5px 30px rgba(155, 157, 122, 0.25);
    position: fixed;
    padding: 5px 25px 5px 65px;
    bottom: 0px;
    margin-right: 276px;
    z-index: 2;
    right: -12px;
    height: 29px;}
.upgrade-now img{position: absolute;left: -7px;top: -23px;transform: rotate(-35deg);width: 74px;}
.upgrade-now .upgrade-btn {color: #ff7c4c; text-decoration: none; cursor: pointer; background-color: #fff; padding: 2px 15px; border-radius: 15px;}
   @media(min-width:768px) {
    #wrapper {
      padding-left: 250px;
    }
    #wrapper.toggled {
      padding-left: 0;
    }
    #sidebar-wrapper {
      width: 250px;
    }
    #wrapper.toggled #sidebar-wrapper {
        width: 250px;
        left: -192px;
    }
    #page-content-wrapper {
      padding: 0px;
      position: relative;
    }
    #wrapper.toggled #page-content-wrapper {
      position: relative;
      margin-right: 0;
    }

    
  }

  @media(max-width:768px) {
  .upgrade-banner .center{position: static !important;margin: 0 auto;
    width: 250px;}
  }



@media screen and (max-width:1400px) and (min-width: 1025px) {
	.filter-content{max-width: calc(100vw - 335px);}
	.wrapper{padding: 20px;}
	.notification-menu > li {padding: 0 10px;}
	.sticky-header .header-section {padding: 5px 15px;}
	.top-inline li{margin-right: 10px;}
	.notification-menu > li .name-title {font-size: 13px;}
	.notification-menu > li .profile-name small {font-size: 13px;}
	.switch-box label{font-size: 13px;width: 70px;}
	.switch-box {width: 155px;}
	.mt--10px {margin-top: -10px;}
	.custom-nav .sub-menu-list > li > a{padding: 10px 3px 10px 30px;}
	.custom-nav .sub-menu-list>li>a:hover,
	.custom-nav .sub-menu-list>li>a:active,
	.custom-nav .sub-menu-list>li>a:focus{text-decoration: none;color: #288efe; padding: 10px 3px 10px 40px;}

}


@media screen and (max-width:1024px) and (min-width: 990px) {
    .sticky-header .header-section{padding: 12px 10px;}
    .notification-menu > li{padding: 0 8px;}
    .top-inline li {margin-right: 10px;}

}


@media screen and (max-width:889px) and (min-width: 350px) {
    .sticky-header .header-section{padding: 12px 10px;}
    .notification-menu > li{padding: 0 10px;}
    .top-inline li {margin-right: 10px;}

}

.dropdown .dropdown-menu{transition: opacity .4s ease .3s;}
.dropdown.open .dropdown-menu{animation: growDown .2s linear forwards;transform-origin: top center;}

.close{opacity: 1;cursor: pointer;}




/* .lead-detail-view .general-box .left-detail{width: 100%;}
.lead-detail-view .general-box .left-detail .name{font-size: 21px;font-weight: 600;margin: 5px 0;color: #495057;}
.lead-detail-view .general-box .left-detail .perosnal-info{display: flex;justify-content: space-between;align-items: start;}
.lead-detail-view .general-box .left-detail .contact-info{display: flex;justify-content: start;align-items: center;padding: 0px;}
.lead-detail-view .general-box .left-detail .contact-info li{list-style: none;}
.lead-detail-view .general-box .left-detail .right-div .linkedin{margin-right: 10px;}
.lead-detail-view .general-box .left-detail .contact-info li:first-child{padding-left:0}
.lead-detail-view .general-box .left-detail .contact-info li{padding: 0 6px;}
.lead-detail-view .general-box .left-detail .contact-info li .grey{color:#80858A;}

.lead-detail-view .general-box .desc-info{border-bottom: 2px dotted #E6E7EA;padding: 4px 0px;}
.lead-detail-view .general-box .desc-info .link-btn{color: #495057; font-weight: 400;font-size: 18px;text-decoration: none; margin: 8px 0px;}
.lead-detail-view .general-box .desc-info .link-btn:hover{color:#0B75D6;}
.lead-detail-view .general-box .desc-info h4{color: #495057;}
.lead-detail-view .general-box .desc-info p{color:#80858A;}
.lead-detail-view .general-box .label-list{display: flex;justify-content: start;align-items: center;margin: 10px 0;padding: 0;flex-wrap: wrap;}
.lead-detail-view .general-box .label-list li{padding-right: 10px;list-style: none;margin-bottom: 10px;}
.lead-detail-view .general-box .info-display{display: flex; align-items: start; justify-content: space-between;}
.lead-detail-view .general-box .right-detail{display: flex;align-items: center; justify-content: space-between;}

.lead-detail-view .general-box .time-list{display: flex;justify-content: space-between;align-items: center;margin: 10px 0;padding: 0;flex-wrap: wrap;}
.lead-detail-view .general-box .time-list li{border-left: 6px solid #E9EBEF; padding-left: 10px;flex-basis: 33.33%;list-style: none;align-self: flex-start;}
.lead-detail-view .general-box .time-list li p{font-weight: 400;margin-bottom: 4px;}
.lead-detail-view .general-box .time-list li .price{font-size: 20px;font-weight: 700;color: #495057;margin: 0; white-space: nowrap;}
.lead-detail-view .general-box .time-list li .value{font-size: 15px;font-weight: 500;color: #495057;}

.lead-detail-view .general-box .desc-info .lead-title{font-weight: 600;}
.lead-detail-view .general-box .desc-info .stage-list {padding: 0px;}
.lead-detail-view .general-box .desc-info .stage-list li{list-style: none;}
.lead-detail-view .general-box .desc-info .stage-list .success-bg{padding: 5px 10px; margin-bottom:10px;}
.lead-detail-view .general-box .desc-info .stage-list .success-bg .date{float: right; line-height: 20px;}
.lead-detail-view .general-box .desc-info .stage-list .success-bg .date span{font-size: 13px; font-weight: 500; color: #495057;}
.lead-detail-view .general-box .desc-info .stage-list .success-bg p{margin: 0;font-size: 15px;font-weight: 500;}
.lead-detail-view .general-box .desc-info .stage-list .success-bg span{font-size: 15px;color: #495057;}

.lead-detail-view .general-box .doc-list{display: flex;justify-content: start;align-items: center;margin: 10px 0;flex-wrap: wrap;padding: 0px;}
.lead-detail-view .general-box .doc-list li{margin-right: 15px; margin-bottom: 10px;list-style: none;}
.lead-detail-view .general-box .doc-list li .doc-box{width: 115px;height: 150px;position: relative; border: 1px solid #ECEEF2;border-radius: 9px;text-align: center;background-color: #fff;}

.lead-detail-view .general-box .doc-list li .doc-box .icon-box{padding: 8px;text-align: right;}
.lead-detail-view .general-box .doc-list li .doc-box img{margin-bottom: 10px;}
.lead-detail-view .general-box .doc-list li .doc-box .doc-title{font-size: 12px;font-weight: 500;color: #000;}

.info-2 { width: 93px; height: 26px; display: inline-block; background: rgba(49, 147, 255, 0.1);font-size: 13px; color: #3193FF; font-weight: 500; text-align: center; line-height: 25px; border-radius: 50px;}

.lead-detail-view .general-box .symbol-group{display: flex;align-items: center;margin:0 15px;}
.lead-detail-view .general-box .avtar-symbol{z-index: 0; transition: all .4s ease;}
.lead-detail-view .general-box .avtar-symbol:hover{z-index: 1; transition: all .4s ease}
.lead-detail-view .general-box .avtar-symbol .symbol-toggle{margin-left: -10px;}
.lead-detail-view .general-box .avtar-symbol .symbol-toggle .symbol-label{height:28px;width: 28px;border-radius: 50%;position: relative;font-size: 10px;background: #33AC55;display: inline-block;text-align: center;line-height: 28px;color: #fff;}
.lead-detail-view .general-box .avtar-symbol .symbol-toggle .label-black{background: #33AC55;}
.lead-detail-view .general-box .avtar-symbol .symbol-toggle .symbol-label::after{content: ''; position: absolute; top: 0;left: 0; right: 0; bottom: 0; border: 2px solid #fff; border-radius: 50%;}
.lead-detail-view .general-box .avtar-symbol .avtar-img{border-radius: 50%;border: 2px solid #fff;max-width: 28px;min-width: 28px;}

.lead-detail-view .general-box .icon-bg {height: 33px;width: 33px;display: inline-block;line-height: 30px;background: rgba(73, 80, 87, 7%);border-radius: 5px;margin-right: 8px;text-align: center;}

.lead-detail-view .general-box .dropdown .dropdown-menu {background: #FFFFFF;border: none !important;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);border-radius: 5px;}

.lead-detail-view .general-box .dropdown .dropdown-menu li a {padding: 10px 15px;} */


.text-gray{color: #80858A;}
.blue-icon{filter: invert(54%) sepia(29%) saturate(7384%) hue-rotate(193deg) brightness(101%) contrast(99%);}
.cards { padding: 10px; background-color: #f7f9fa; border-left: 5px solid #dde1e3; }
.doc-box { width: auto; height: 200px; position: relative; border-radius: 9px; text-align: center; background-color: #fff; border: 1px solid #eaeaea; padding: 15px;  margin: 5px;}
  .doc-box h5{font-size: 14px;margin-bottom: 5px !important;}
  .doc-box h6{font-size: 13px;font-weight: 400;}
    .doc-box .detail-document-inner-image{height: 135px;}
  .doc-box .icon-box {   padding: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .doc-box img {
    /* margin-bottom: 10px; */
    max-width: 180px;
    max-height: 100%;
    /* width: 65px; */
  }
  .doc-box .doc-title {
    font-size: 12px;
    font-weight: 500;
    color: #000;
  }
  .doc-box .doc-title a{color:#495057;text-decoration: none;}


  .upgrade-banner{background-color: #084D98;position: relative;padding: 30px 0px;}
  .upgrade-banner .left{position: absolute; left: 0; top: 0; bottom: 0;}
  .upgrade-banner .center{position: absolute;top: -30px; bottom: 0;right: 0;}
  .upgrade-banner .right{position: absolute; right: 0; top: 0; bottom: 0;}
  .upgrade-banner h3{color: #fff;line-height: 30px;}
  .upgrade-banner p{color: #fff;line-height: 25px;}

  .upgrade-widget{border-bottom:4px solid ;min-height: 300px;}
  .upgrade-widget h5{font-size: 18px;font-style: normal; font-weight: 500;color:#2F2F2F;margin-bottom: 15px;margin-top: 0;}
  .upgrade-widget .price{color: #00B884;  font-family: Poppins;  font-size: 30px; font-style: normal; font-weight: 600;}
  .upgrade-widget .text-line{color: #2F2F2F; font-family: Poppins; font-size: 10px; font-style: normal; font-weight: 400;}
  .upgrade-widget .btn-upgrade{padding: 5px 15px;color: #fff;}
  .upgrade-widget .btn-upgrade:hover{opacity: 0.7;}

  .upgrade-widget .btn-green{background-color: #00B884;filter: drop-shadow(5px 5px 10px rgba(0, 184, 132, 0.25));}
  .upgrade-widget .btn-blue{background-color: #49CCF9;filter: drop-shadow(5px 5px 10px rgba(73, 204, 249, 0.25));}
  .upgrade-widget .btn-pink{background-color: #FD71AF;filter: drop-shadow(5px 5px 10px rgba(73, 204, 249, 0.25));}
  .upgrade-widget .btn-purple{background-color: #6A71EC;filter: drop-shadow(5px 5px 10px rgba(106, 113, 236, 0.25));}

  .upgrade-widget.border-green{border-color: #00B884;}
  .upgrade-widget.border-blue{border-color: #49CCF9;}
  .upgrade-widget.border-pink{border-color: #FD71AF;}
  .upgrade-widget.border-purple{border-color: #6A71EC;}


  .upgrade-widget .text-green{color: #00B884;}
  .upgrade-widget .text-blue{color: #49CCF9;}
  .upgrade-widget .text-pink{color: #FD71AF;}
  .upgrade-widget .text-purple{color: #6A71EC;}

  .upgrade-widget ul{padding-left: 10px;margin: 10px 0px;}
  .upgrade-widget ul li{color: #959595; font-family: Poppins;  font-size: 12px;  font-style: normal; font-weight: 400; line-height: 24px;}
  /* textarea.form-control{height: auto !important;} */
   .w100 {width: 100%;}
  .input-wrapper {position: relative;margin-bottom: 25px;}
  .input-wrapper label { color: #696c80; font-size: 13px; font-weight: normal;  position: absolute; pointer-events: none; left: 10px; top: -10px; padding: 0 6px !important; background: #fff;     transition: 0.2s ease all;      -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all;  z-index: 4;  font-weight: 400 !important; }
    .input-wrapper .input-field {font-size: 13px; display: block; /* width: 100%; */  min-height: calc(3em + 1px) !important; background: #fff; resize: none; border-radius: 4px;box-sizing: border-box; padding: 10px 10px 10px 15px;font-weight: 500; font-size: 15px !important;}
    .input-wrapper .input-field:focus { border: 1px solid #9a9ea2;}
    .input-wrapper .input-field:focus~label {top: -10px; font-size: 13px;color: #495057; }
    .input-wrapper .input-field:not(:placeholder-shown)~label {top: -10px; font-size: 13px; color: #495057;z-index: 2;}
    .input-wrapper .select-field {display: block;background: #fff;    }
    .input-wrapper .select-field:has(option:checked:first-child){
        color: #9b9fa3;
    }
    .input-wrapper .select-field option{color: #495057;}

    .input-wrapper .select-field:focus {
        outline: none;
    }

    .input-wrapper .select-field:focus~label {
        top: -10px;
        font-size: 13px;
    }
    /* .input-wrapper select.select-field {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    } */

    .input-wrapper select.select-field::-ms-expand {
        display: none;
    }


    .input-wrapper .select-field:focus+label,
    .input-wrapper .select-field:not(:placeholder-shown)+label {
        top: -10px;
        font-size: 13px;
        color: #495057;
    }


    /* .input-wrapper .select-field:not([multiple]):not([size]) {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath id='Path_1' data-name='Path 1' d='M371,294l4,6,4-6Z' transform='translate(-371 -294)' fill='%23003d71'/%3E%3C/svg%3E%0A");
        background-position: right 15px top 50%;
        background-repeat: no-repeat;
    } */



    
/* #####################################################
                HELP Dropdown Design
####################################################### */
.help-footer .dropdown-menu{border-radius: 12px;border: none;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 5%);padding: 12px 15px;min-width: 230px;}
.help-footer .dropdown-menu.dropdown-bottom{top: auto;margin-bottom: 15px;}
.help-footer .dropdown-menu.dropdown-bottom li{padding: 0;}
.help-footer .dropdown-menu .dropdown-head:hover{background-color: transparent;}
.help-footer .dropdown-menu .dropdown-head{display: flex;justify-content: space-between;align-items: center;border-bottom: 2px solid #F6F6F6;padding-bottom: 10px;margin-bottom: 10px;}
.help-footer .dropdown-menu .dropdown-head h4{font-size: 15px;color: #000;margin: 0;font-weight: 400;}
.help-footer .dropdown-menu .dropdown-head .close-btn{background-color: #EEF6FF;border-radius: 5px;height: 28px;width: 28px;border: none;}
.help-footer .dropdown-menu li .ticket-list{display: flex;justify-content: space-between;align-items: center;padding: 10px 10px;border-radius: 6px;}
.help-footer .dropdown-menu li:last-child .ticket-list{margin-bottom: 0;}
.help-footer .dropdown-menu li .ticket-list:hover{background: #EEF6FF;color: #606060;}
.help-footer .dropdown-menu li .ticket-list:focus{background: #EEF6FF;color: #606060;}
.help-footer .dropdown-menu li .ticket-list .name-text{font-size: 15px;color: #606060;font-weight: 400;line-height: 20px;position: relative;}
.help-footer .dropdown-menu li .ticket-list .name-text img{}
.help-footer .dropdown-menu li .ticket-list .right-arrow{background: none;border: none;width: 15px;}

/* ##################################################################################
                            Form Design Css
##################################################################################### */
.help-form-main{position: fixed; right: 0;    max-width: 300px;  margin: 30px;  bottom: 30px;  border-radius: 16px; background-color: #fff;  border-top: 3px solid #1E87FD;box-shadow: 0 0 15px 0 rgba(0, 0, 0, 6%);padding: 20px 16px;z-index: 1000;}
.help-form-main .form-title-close{display: flex;justify-content: space-between;align-items: center;margin-bottom: 12px;padding-bottom: 15px;border-bottom: 3px solid #F6F6F6;}
.help-form-main .form-title-close .title{font-size: 18px;color: #2F2F2F;font-weight: 400;line-height: 28px;margin-bottom: 0;}
.help-form-main .form-title-close .close-btn{background-color: #EEF6FF;border-radius: 6px;height: 32px;width: 32px;border: none;}
.help-form-main .input-field .form-control {background: #F8FAFB;border: 1px solid rgba(47, 47, 47, 20%);color: #8A8A8A;font-size: 13px;padding: 0 12px;height: 38px;box-shadow: none;margin-bottom: 12px;line-height: 24px;}
.help-form-main .input-field .file-input {line-height: 36px;}
.help-form-main .input-field textarea{height: auto !important;}
.help-form-main .input-field .input-label {font-size: 13px;font-weight: 400;line-height: 20px;margin-bottom: 8px;}
.help-form-main .input-field .input-label .mark{color: #D22121;padding: 0;background: none;}
.help-form-main .save-back-btn{display: flex;align-items: center;margin: 25px 0 0;}
.help-form-main .save-back-btn .mr-2{margin-right: 10px;}
.help-form-main .save-back-btn .btn-default{text-shadow: none;border-radius: 4px; border: none;outline: none;background: #F1F1F1;color: #6B6B6B;font-size: 12px;font-weight: 400;padding: 8px 25px;}
.help-form-main .save-back-btn .btn-default:hover{color: #333;background-color: #ebebeb;border-color: #adadad;}
.help-form-main .save-back-btn .btn-primary {background: linear-gradient(271.37deg, #2F91FF 0%, #1885FD 100%);padding: 8px 25px;font-size: 12px;font-weight: 400;border: none;border-radius: 4px;color: #fff !important;box-shadow: 0 3px 20px 0 rgba(29, 136, 253, 40%);}
.help-form-main .save-back-btn .btn-primary:hover {background: linear-gradient(271.37deg, #1885FD 0%, #2F91FF 100%);}


/* ##################################################################################
                            Ask for help dropdown Css
##################################################################################### */
.dropdown-top-box {border-radius: 13px;border: none;box-shadow: 0 0 15px 0 rgba(0, 0, 0, 15%) !important;float:right;top: 41px !important; right: 0; left: auto; padding: 20px 11px;min-width: 700px;box-shadow: 0px 3px 10px rgba(68, 71, 74, 0.09);}
.dropdown-top-box li{margin: 0 !important;}
.dropdown-top-box .top-categories-list {display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 0px; justify-content: flex-start;}
.dropdown-top-box .top-categories-list .categories-box {border-radius: 9px; outline: none; display: block; text-decoration: none; padding: 8px 0px;flex: 1; margin: 10px 5px; border: 1px solid #ECEDEE; text-align: center;background-color: #fff; width: 18%; max-width: 18%; min-width: 18%;}
.dropdown-top-box .top-categories-list .categories-box:first-child{margin-left: 0;}
.dropdown-top-box .top-categories-list .categories-box:last-child{margin-right: 0;}
.dropdown-top-box .top-categories-list .categories-box .content-text .heading{font-size: 13px;font-weight: 400; color: #595959;white-space: nowrap;text-transform: capitalize;margin: 5px auto;}
.dropdown-top-box .top-categories-list .categories-box .icon-box {display: flex;justify-content: center;align-items: center;}
.dropdown-top-box .top-categories-list .categories-box .icon {border-radius: 50px;height: 50px;width: 50px;text-align: center;line-height: 45px;margin-bottom: 10px;}
.dropdown-top-box .top-categories-list .categories-box .icon img{width: 25px;}
.dropdown-top-box .top-categories-list .categories-box .icon1{background-color: #FFE9F9;box-shadow: 0 3px 9px 0 rgba(242, 142, 216, 0.2);}
.dropdown-top-box .top-categories-list .categories-box .icon2{background-color: #EAEBFA;box-shadow: 0 3px 9px 0 rgba(234, 235, 250, 100%);}
.dropdown-top-box .top-categories-list .categories-box .icon3{background-color: #FFEEE8;box-shadow: 0 3px 9px 0 rgba(255, 237, 231, 100%);}
.dropdown-top-box .top-categories-list .categories-box .icon4{background-color: #E5F8ED;box-shadow: 0 3px 9px 0 rgba(228, 246, 236, 100%);}
.dropdown-top-box .top-categories-list .categories-box .icon5{background-color: #DFEFFF;box-shadow: 0 3px 9px 0 rgba(214, 231, 253, 100%);}
.dropdown-top-box .top-categories-list .categories-box .icon6{background-color: #FFF5E4;box-shadow: 0 3px 9px 0 rgba(231, 248, 255, 100%);}
.dropdown-top-box .top-categories-list .categories-box .icon7{background-color: #F0F4F6;box-shadow: 0 3px 9px 0 rgba(234, 235, 250, 100%);}
.dropdown-top-box .top-categories-list .categories-box .icon8{background-color: #E5F3F8;box-shadow: 0 3px 9px 0 rgba(255, 237, 231, 100%);}

.dropdown-top-box .dropdown-head{background-color: #EEF6FF;border-radius: 6px;padding: 5px 12px;box-shadow: 15px 15px 30px 0 rgba(211, 209, 216, 25%);margin-bottom: 0px;}
.dropdown-top-box .dropdown-head h4{font-size: 13px;color: #2D91FF;margin: 0;font-weight: 500;line-height: 25px;text-transform: uppercase;}



.pager li > a:hover, .pager li > a:focus{
    background: linear-gradient(271.37deg, #3193FF 0%, #1684FD 100%);
 box-shadow: 0px 5px 30px rgba(22, 132, 253, 0.25);
     border-color: #213991;
     color: #fff;
 }
 
 .pager li > a, .pager li > span {
     background-color: #EFF2F7;
     border: 1px solid #EFF2F7;
     color: #000;
 }


 .pager {
    padding-left:0;
    margin:20px 0;
    list-style:none;
    text-align:center;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .pager li {
    display:inline
  }
  .pager li>a,
  .pager li>span {
    display:inline-block;
    padding:5px 13px;
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:15px
  }
  .pager li>a:hover,
  .pager li>a:focus {
    text-decoration:none;
    background-color:#eee;
    color: #fff;
  }
  .pager .next>a,
  .pager .next>span {
    float:right
  }
  .pager .previous>a,
  .pager .previous>span {
    float:left
  }
  .pager .disabled>a,
  .pager .disabled>a:hover,
  .pager .disabled>a:focus,
  .pager .disabled>span {
    color:#999;
    background-color:#fff;
    cursor:not-allowed
  }



  input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"] {
    cursor: not-allowed;
    background-color: #f7f4f4;
    opacity: 1;
  }


  .h-auto{height: auto !important;}