@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900');
:root{
  --blue:#1616a3;
  --teal:#07ddd2;
}

body{overflow-x: hidden;}
body, h1,h2,h3,h4,h5,h6,p, div, ul {font-family: 'Source Sans Pro', sans-serif;}
.overflow-hiddden {overflow: hidden;}
/*dashboard*/
/* .header{background: #1616a3; width: 100%; height: 80px; padding: 15px 0} */
.header{background: #3888ff; width: 100%; height: 80px; padding: 15px 0}
.header .logo-img img{max-width: 100%}
.header h3 {color: #fff; padding:12px 25px; font-weight: 500; font-size: 24px}
.header h3  span{color: #07ddd2}
.wrapper .containers {width: 100%!important; margin: 0 auto}
.notification img {max-width: 26px}
.notification li {display: inline-block!important; position: relative; padding:10px 10px}
.notification li b{position: absolute; background:#07ddd2; width: 25px; height: 25px; border-radius: 25px; color: #fff; text-align: center; padding: 0; line-height: 22px; top: -5px;right: -5px; }
.notification li {position: relative;}
.ovrlay {width: 100%;height: 100%; position: fixed;z-index: 10; left: 0; top: 0; display: none; background: rgba(0,0,0,.5)}
.notification .dropdown-menus {position: absolute;display: none; z-index: 99; left:-179px; top: 60px;min-height: 250px;min-width: 200px;width: 280px; max-height: 250px;  transition: all .3s ease;}
.notification .dropdown-menus#u-dropdown {width: 220px}
.notification .dropdown-menus .dropdown-header {background: #FFF; padding: 10px;position: relative; text-align: center;color: #747F8B;font-weight: bold;border-radius: 10px 10px 0 0;border: 0px;border-style: solid;border-bottom-width: 1px;-moz-border-image: -moz-linear-gradient(right, white, #cedae0, #cedae0, white) 1 20%; -o-border-image: -o-linear-gradient(right, white, #cedae0, #cedae0, white) 1 20%;border-image: linear-gradient(to right, white 0%, #cedae0 40%, #cedae0 60%, white 100%) 1 20%;box-shadow: 0px 2px 10px -2px #cedae0;
}
.notification  .dropdown-menus .dropdown-header .triangle {
  position: absolute;
  top: -8px;
  left: 187px;
  height: 15px;
  width: 15px;
  border-radius: 3px 0px 0px 0px;
  transform: rotate(45deg);
  background: #FFF;
}

.top-left{
  position: absolute;
  top: 0;
  left: 10px;
}

/* .top-right{
  position: absolute;
  top: 8px;
  right: 5px;
} */

.bottom-left{
  position: absolute;
  bottom: 5px;
  left: 10px;
}

.bottom-right{
  position: absolute;
  bottom: 5px;
  right: 10px;
}
 
.notification .dropdown-menus .dropdown-body {
  max-height: 292px;
  background: #e9f0f3;
  overflow-y: auto;
  overflow-x: hidden; border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;
}

.notification .dropdown-menus .dropdown-body .notification .notification-text {
  padding: 10px 35px  ; padding-right: 10px; border-bottom: solid 1px #ddd;
  vertical-align: middle;
  color: #000;
  cursor: pointer;
  font-size: 14px; font-weight: 600;
  word-spacing: 2px;
  line-height: 21px; position: relative;
}
.notification .dropdown-menus .dropdown-body .notification .notification-text i {display: block; text-align: right; font-size: 12px; color: #999}
.notification .dropdown-menus .dropdown-body .notification .notification-text:hover {opacity: .8}
.notification .dropdown-menus .dropdown-body .notification .notification-text:before {content:  url(../images/header/notification1.png) ;  width: 10px; position: absolute; left: 10px; top: 12px; opacity: .5 }
.notification .dropdown-menus .dropdown-body.userr {padding-bottom: 15px}
.notification .dropdown-menus .dropdown-body.userr a {display: block; color: #000; font-size: 16px; padding: 5px 35px 0; font-weight: 600}
.notification .dropdown-menus .dropdown-body.userr a:hover {color:#07ddd2 }

.practice .modal-dialog {width: 50%; max-width: 100% }
.practice .actionsss {width: 100%; padding: 17px;}
.practice .actionsss .collapse{padding: 10px;}
.practice .actionsss .card-header{border:0; margin-bottom: 5px}
.practice .actionsss .card-title {margin-bottom: 0px}
.practice .actionsss p {padding: 0 20px; font-weight: 500; margin-bottom: 5px}
.practice .actionsss .card-block p {padding:1px 0 ; font-weight: 400; margin: 0; font-size: 14px; }
.practice .actionsss .card-block a.btn {float: right; border: solid 1px #999; background: #fff;font-size: 14px;margin-top: 30px; }
.practice .actionsss .percnt {float: right; margin-right: 50px; border:solid 1px #ccc; padding: 2px 10px 3px; margin-top: -3px; font-size: 14px}
.practice .actionsss .percnt.learnt {background: #d3f2b8; border-color: #a3d775}
.practice .actionsss .percnt.dropped {background: #f2b8b8; border-color:#d77575}
.practice .actionsss span.title {padding-left: 0!important; font-weight: 400}
.practice .btn-delete {background: #da5458; color: #fff}
.practice table {margin: 15px 0; border: 0; font-size: 14px; font-weight: 400}
.practice table th {background: #eee}
.practice table th, .practice table td {border: 0; padding: 5px  10px}
.practice table td .taken {color: #119400; font-weight: 600}
.practice table td .drop {color: #be0909; font-weight: 600}

.main-panel {margin-top: 25px}
.dashboard .card {-webkit-box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.22);-moz-box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.22);box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.22); border-radius: 10px}
.dashboard  .first-sec  .card {padding: 10px 0; height:150px; border-radius: 10px;-webkit-box-shadow: 2px 3px 7px 0px rgba(0,0,0,0.25);-moz-box-shadow: 2px 3px 7px 0px rgba(0,0,0,0.25);box-shadow: 2px 3px 7px 0px rgba(0,0,0,0.25); transition: all ease  .3s; cursor: pointer;}
.dashboard  .first-sec  .card:hover {-webkit-box-shadow: 2px 3px 7px 0px rgba(0,0,0,0.25);-moz-box-shadow: 2px 3px 7px 0px rgba(0,0,0,0.25);box-shadow: 5px 8px 15px 0px rgba(0,0,0,0.25);}
.dashboard .card h3{font-size: 18px; font-weight: 600}
.dashboard .card img {max-width: 135px; float: right; margin-right: 0!important; margin-top: -10px!important; transition: transform .3s;}
.dashboard  .first-sec  .card:hover img {transform: scale(1.15);}
.dashboard .card .ribbon {color: #fff; font-size: 24px; text-align: center; padding:0px;   min-width: 100px; height: 45px; margin-top: 45px; margin-left: -25px }
.dashboard .card .ribbon span {display: inline-block; padding: 7px 15px; background:#666; height: 39px; margin-top: 6px;  position: relative; float: left;  }
.dashboard .card .ribbon span.active {  background:#009DA0; margin-left: 0px; font-weight: 700;padding: 7px 10px; padding-left: 13px   }
.dashboard .card .ribbon span.active:after{  content: ''; width: 8px;height: 39px;position: absolute;background: #009DA0; z-index: 99; bottom: 0; right: -3px; transform: skew(-8deg); }
.dashboard .graph { margin-top: 20px;  }
.dashboard .graph .card { padding: 25px 0 }
.dashboard .graph .card-title{font-size: 24px; font-weight: 600; margin-left: 0%}
.dashboard .graph .chart {width: 80%; height: 370px; margin: 25px 0}
.dashboard .graph .c1{position: relative;}
.dashboard .graph .c1:after {content: ""; height: 100%; width: 1px; background: #ccc; position: absolute; top:0; right: 0px }

.dashboard .bg-white.mt-250 {background: #fff; margin-top: -250px; padding-top: 250px;z-index: 0 }
/* .dashboard  .tabless .card {margin-top: 35px; } */
.dashboard  .tabless .card .card-header{background:#46c2c0; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 15px 20px 5px}
.dashboard  .tabless .card .card-header img {max-width: 65px; float: left;   }
.dashboard  .tabless .card .card-header  span {display: inline-block; width: 20px}
.dashboard  .tabless .card .card-header .card-title {color: #fff;  letter-spacing: 0;  padding-top: 10px; display: inline-block; font-weight: 600}
.dashboard  .tabless .card .card-header .search-box {float: right; margin: 5px 0 ; position: relative; width: 80%}
.dashboard  .tabless .card .card-header .search-box select {border-radius: 20px}
.dashboard  .tabless .card .card-header .search-box .btn {position: absolute; top: 1px; right: 10px; font-size: 22px; background:none; padding: 0; color: #999}
.dashboard  .tabless .card .card-header .search-box input[type=text] {width: 100%; border-radius: 20px}
.dashboard  .tabless .table tr th, .dashboard  .tabless .table tr td{padding: 10px 50px; vertical-align: middle;}
.dashboard  .tabless .table tr th {background: #eee; padding: 15px 50px; font-size: 18px; }
.dashboard  .tabless .table tr th:last-of-type, .dashboard  .tabless .table tr td:last-of-type { text-align: center;  vertical-align: middle;}
.dashboard  .tabless .table.pc tr th:last-of-type, .dashboard  .tabless .table.pc tr td:last-of-type { text-align: left;  vertical-align: middle;}
.dashboard  .tabless .table tr td:last-of-type img{float: none; }
.dashboard  .tabless .table tr td a {color: #000; transition: all ease .3s}
.dashboard  .tabless .table tr td a .per {padding-left: 5px}
.dashboard  .tabless .table tr td a.active {color: #000;font-weight: 800}
 .dashboard  .tabless .table tr td a:hover {color: #1a41d0; font-weight: 600}
.dashboard  .tabless .table tr td .progress {height: 10px; border-radius: 10px}
.dashboard .tabless .dashboard-css .head {  background: #eee; padding: 15px 50px 5px; font-weight: 600; font-style: italic; } 
.dashboard .tabless .dashboard-css .head h5{ font-weight: 600; font-size: 18px }
.dashboard .tabless .dashboard-css  .table {margin: 10px 0 20px;  }
.dashboard .tabless .dashboard-css  .table td  {border:0; border-bottom: solid 1px #eee;}
/*new csss*/
.badges {margin-right: 10px}
.btn-dark {background: var(--blue); border-color:  var(--blue)!important; border-radius: 3px}
.btn-green {background: green; border-color: green}
.btn-dark i {padding-right: 5px}
.table, body, input, textarea, select, .form-control {color: #000!important}
h1,h2,h3,h4,h5 {color: #000}
.badges .badge {background: #009DA0; font-weight: 600; padding: 5px 10px; color: #fff; line-height: 17px }
.dashboard .card .ribbon span.active {background: #07ddd2;}
.dashboard .card .ribbon span.active:after {background: #07ddd2;}
.badges .badge .badge-light {background: #fff; border-radius: 100%; margin-right: 5px; color: #000; width: 28px; height: 28px; text-align: center; padding: 5px 0}
.table tr td  a i {color: #000!important}
.table tr td:last-child  a.btn {background: var(--blue)!important; border-color: var(--blue)!important}
.table tr td:last-child  a.btn:hover {background: #000!important; border-color: #000!important}
.table tr td:nth-child(2) a {font-weight: 600}
.table.users tr td  a i {color: #000!important; padding: 0 5px}
footer a:hover  {text-decoration: underline;}
.listing {width: 100%; margin-left: -35px}
.listing li { display: inline-block; margin: 0; font-weight: 600}
.btn-back {background: #000; color: #fff;}
.btn-back:hover {background: #009DA0; color: #fff}
.modal .modal-header {background: #000; border-radius: 0}
.modal .modal-footer{}
.modal .modal-header .btn{color: #fff; padding: 0 10px; margin: 10px}
.modal .modal-header .close{color: #fff;  outline: none; margin-right: -5px; font-weight: 500; font-size: 20px;}
.form-control {color: #000}
.modal .modal-header .modal-title {color: #fff}
.modal .modal-header .modal-title i {padding-right: 5px}
.modal .modal-body p {font-weight: 500}
.modal .modal-body textarea.form-control {height: 120px!important}
form label {letter-spacing: 0; text-transform: none; font-weight: 600; color: #000; display: block; font-size: 14px}
 .modal .modal-body label { display: block; font-size: 14px; width: 100%; margin: 0}
  .modal .modal-body .form-control,   .modal .modal-body select.form-control {height: 40px ;}
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info, .bootstrap-select>.dropdown-toggle {background: none; border:solid 1px #aaa; color: #000!important }
/*end news*/
.dashboard .tabless .height {height: 30px}

 /*masters*/
.modal .width-50 {min-width: 50%}
.modal .width-40 {min-width: 40%}
.modal.view .modal-body  label{color: var(--blue); font-weight: 700}
.modal.view .modal-body h5 {font-weight: 500; font-size: 17px}
.chat-application .chats .chat-left .chat-content {background: #e6e6e6!important; font-weight: 600}
.chat-application .chats .chat-left .chat-content:before {display: none;}
.article .title {text-transform: none; font-weight: 600; font-size: 30px; letter-spacing: 0; color: var(--blue)}
.article .card-header  .card-title {text-transform: none; font-weight: 600; font-size: 30px; letter-spacing: 0}
.article .card-header .card-sub-title {text-transform: none; font-weight: 500; font-size: 20px; letter-spacing: 0; font-style: italic;}
.article .card-body a{color:var(--blue);}
.del_last_line {font-style: italic; font-size: 13px; margin-top: 15px}
  /*manager dashboard*/
   .dashboard .tabless .cal {padding:20px 60px}


.fc-toolbar button {color: #000!important}
.fc-toolbar button:hover, .fc-toolbar .fc-state-active:not(:disabled):not(.disabled) {background: #6C757D; color: #fff!important}
.dashboard .tabless .m-options.card .col-md-2, .dashboard .tabless .m-options.card .col-md-3{ text-align: center; border-right: solid 1px #eee; height: 175px; padding: 5px 0 0 }
.dashboard .tabless .m-options.card .col-md-2 img, .dashboard .tabless .m-options.card .col-md-3 img{max-width: 100px; float: none;}
 .dashboard .tabless .m-options.card .col-md-2 p, .dashboard .tabless .m-options.card .col-md-3 p {font-size: 16px; font-weight: 600; margin: 0}
 .dashboard .tabless .m-options.card .ribbon {color: #fff; font-size: 20px; text-align: center; padding:0px;   min-width: 100px; height: 35px; margin-top: 16px; margin-left: auto; margin-right: auto; background: none; float: none; }
.dashboard .tabless .m-options.card .ribbon span {display: inline-block; padding: 7px 15px; background:#666; height: 35px;   position: relative; float: none;  }
.dashboard .tabless .m-options.card .ribbon span.active {  background:#03dac5; margin-left: 0px; font-weight: 700;padding: 7px 10px; padding-left: 13px   }
.dashboard .tabless .m-options.card .ribbon span.active:after{  content: ''; width: 8px;height: 35px;position: absolute;background: #03dac5; z-index: 99; bottom: 0; right: -3px; transform: skew(-8deg); }
.dashboard .tabless .m-options.card .ribbon span.active.single:after{display: none;}
/*executive dashboard*/
.dashboard .graph.exec .card {padding-top: 40px}
/*.dashboard .graph.exec .card-title{font-size: 24px; font-weight: 600; margin-left: auto}
.dashboard .graph.exec .chart {width: 100%; height: 370px; margin: 25px 0}*/
/*sponcer/co-ordicator dashboard*/
.dashboard.sponcer .card {padding: 15px}
.dashboard.sponcer .first-sec .card {width: 75%; margin: 15px auto; background: #eee; padding:15px 0}
.dashboard.sponcer .first-sec h2{font-weight: 500; }
.dashboard.sponcer .first-sec h2 sup.inprogress {background: green; color: white; display: inline-block; font-size: 13px; margin-left: 10px;   min-height: 20px; line-height: 20px; padding: 0 5px  }
.dashboard.sponcer .first-sec .names  {margin: 15px 0;}
.dashboard.sponcer .first-sec .names span {font-weight: 600; color: #000}
.dashboard.sponcer .first-sec .names .icons {display: inline-block; margin-left: 15px}
.dashboard.sponcer .first-sec .names .icons a {margin-right: 10px; color: #000}
 
.dashboard.sponcer .tabless .m-options.card .ribbon span{background: #d6d6d6; color: #000; font-weight: 600; line-height: 20px}
.dashboard.sponcer .tabless .m-options.card {padding: 10px 0 1px}
.dashboard.sponcer .tabless .m-options  .col-md-3.last {border:0;}
.dashboard.sponcer .graph .card-title {margin: 0 0 20px}
 
.dashboard.sponcer .tabless.mid .card {padding: 0}
.dashboard.sponcer .tabless.mid .card .card-body {margin: 25px 0}
.dashboard.sponcer .tabless .last  .card .card-body {padding:10px 30px}
.dashboard.sponcer .tabless .last  .card .card-body h4 {font-weight: 600; margin: 0}
.dashboard.sponcer .tabless .last  .card .card-body p {margin-bottom: 25px}

/*participant dashboard*/
.dashboard.partii .profile .card{padding:30px 30px 15px; text-align: center;}
.dashboard.partii .profile .card .media {max-height: 250px; overflow: hidden; margin-bottom: 20px; border-radius: 10px}
.dashboard.partii .profile .card img{max-width: 100%; margin: 0 auto}
.dashboard.partii .profile .card p{text-align:left;font-weight: 500; color: #000; font-size: 16px ;line-height: 20px; } 
.dashboard.partii .profile .card p span{font-size: 20px; font-weight: 600; color: #000}
.dashboard.partii .first-sec {padding: 0px 30px}
.dashboard.partii .first-sec .card {background: #eee; box-shadow: none; padding: 10px; height: 130px;}
.dashboard.partii .first-sec .card img{margin-top: 0px!important;   max-width: 70px;}
.dashboard.partii .first-sec .card .card-block {padding: 0}
.dashboard.partii .first-sec .card h3 {font-size: 16px; color: #000; padding: 0 10px}
.dashboard.partii .first-sec .card .ribbon{margin-left: -20px}
.dashboard.partii .first-sec .card .ribbon span {font-size:22px}
.dashboard.partii .first-sec .card .ribbon span:after{display: none;}
.dashboard.partii .first-sec .card .txt {font-size: 20px; padding: 35px 10px; color: #000;  font-weight: 600; line-height: 22px; position: relative;}
.dashboard.partii .first-sec .card .txt:before {content: ""; position: absolute;width: 50px; top: 12px; left: -10px; background: #02dac5; height: 3px}
.dashboard.partii .first-sec   span a {font-size: 16px; font-weight: 600}
.dashboard.partii .first-sec   .det {font-weight: 500; margin: 40px 0 25px; font-size: 18px}
.dashboard.partii .first-sec .progress {margin-bottom: 20px}
.dashboard.partii .first-sec .bottom {margin-bottom: 47px}
.dashboard.partii .mid-blocks .card {padding: 0px 30px}
.dashboard.partii .mid-blocks .card .col-xl-2 {padding: 0 10px}
.dashboard.partii .mid-blocks .card .card {box-shadow: none; background: #eee; padding: 15px 15px 10px; height: 140px}
.dashboard.partii .mid-blocks .card .card img{float: right;margin: 0!important; max-width: 60px; margin-bottom: 15px}
.dashboard.partii .mid-blocks .card .card  h4, .dashboard.partii .mid-blocks .card .card  p{margin: 15px 0 0; font-size: 16px; font-weight: 600; }
.dashboard.partii .mid-blocks .card .card.one  h4 {margin-top: 34px}
.dashboard.partii .mid-blocks .card .card  p {font-weight: 500;margin:  0}
.dashboard.partii .btnss .btn, .dashboard.partii .btnss .btn i  {transition:  all ease .3s;}

.btnss .btn {background: var(--blue)!important}
.btnss .btn span{color: #0945c9!important }
.dashboard.partii .btnss .btn:hover {background: #000!important}
.dashboard.partii .btnss .btn:hover i {padding-left: 10px}
.dashboard.partii .card.lastt {padding: 20px; padding-right: 30px}
.dashboard.partii .card.lastt h3 {margin: 0px 30px 20px; font-size: 26px;}
.dashboard.partii .card.lastt .owl-carousel{margin-right: 15px}
.dashboard.partii .card.lastt .card {background: #f9f9f9; border:solid 1px #eee;}
/* .dashboard.partii #practice {margin: 10px 0} */
.dashboard.partii .tl {margin: 50px 0}
.dashboard.partii .tl h3 {font-weight: 500; margin: 20px 0 40px; border-bottom: 1px solid #bbb; padding-bottom: 15px}

nav.manager ul  {margin-left: 12%!important}
nav.sponcerss ul{margin-left: 13.5%!important}
 nav.coord ul {margin-left: 15%!important}
 nav.exec ul {margin-left: 19%!important}

 .details label {font-size: 14px; color: var(--blue); font-weight: 600}
 .details p { font-weight: 500!important}

 .completed-milestone{background: #d0f3ba; border-color: #66ab38 ; }
 .upcoming-milestone{background: #9ac0f9; border-color: #3f6db1 ; }
 .card-header h3 {font-weight: 500}

@media (min-width: 992px){ 
.main-panel .main-content { padding-left: 0px; background: #d8d8d8; margin-top:10px; min-height: 500px}
footer { padding-left: 0px; padding: 15px 0 0;}


}

/*responsive*/
@media (max-width: 768px){
 
  .wrapper {overflow-x: hidden;}
  
/*dashboard*/
nav  ul , nav.manager ul, nav.sponcerss ul  {margin-left: 0!important}
.header .logo-img img {max-width: 140px; margin-left: 10px}
.notification.navbar-right  {position: absolute;top: -5px;right: 20px;}
.header h3 {position: absolute; font-size: 16px;z-index: 1; top: 15px; color: #000; left: 0; display: none;}
.notification.navbar-right img {max-width: 22px}
.notification.navbar-right li b {width: 22px; height: 22px; border-radius: 22px; font-size: 11px; line-height: 20px; top: 1px; right: -3px}
.header {height: 65px;}
.notification.navbar-right .dropdown-menus {width: 250px }
.notification .dropdown-menus#u-dropdown {width: 220px}
.dashboard .card img {max-width: 100px; margin-right: -10px!important; }
.dashboard .card .ribbon {margin-top: 40px; font-size: 18px}
.dashboard .card h3 {font-size: 16px}
.main-panel {margin-top: 10px;}
.card {margin-bottom:  0}
.wrapper .containers {width: 100%!important}
.content-wrapper {padding: 0 15px}
.dashboard .graph .chart {margin-top: 0px; width: 95%; height: 250px}
.dashboard .graph .c1:after {display: none;}
.dashboard .graph .card {padding: 25px 0 0;}
.dashboard .tabless .table {width: 150%}
.dashboard .tabless  .cardss {overflow-x: scroll;}
.dashboard .tabless .card .card-header {padding: 10px 15px 15px}
.dashboard .tabless .dashboard-css .card .card-header {height: 60px}

.dashboard .tabless .card .card-header img {max-width: 50px; position: absolute;}
.dashboard .tabless .card .card-header .card-title {padding-top: 0; padding-left:35px; font-size: 16px; margin-top: -10px;}
.dashboard .tabless .dashboard-css .card .card-header .card-title {margin-top: 20px}
.dashboard .tabless .table {width: 150%; max-width: 150%}
.dashboard .tabless .table tr th {font-size: 16px}
.dashboard .tabless .table tr th, .dashboard .tabless .table tr td {padding: 10px 20px}
.dashboard .tabless .table tr td {font-size: 14px}
.dashboard .tabless .p-c-p .card .card-header .card-title {margin-top:20px}

.dashboard .tabless .m-options.card .col-md-2 {display: inline-block; width: 50%; height: auto}
 .dashboard .tabless .m-options.card .col-md-2 p {font-size: 14px}
 .dashboard .tabless .m-options.card .cardss {overflow: visible;}
 .dashboard .tabless .dashboard-css.last .card .card-header .card-title { margin-top: -10px;}
 .dashboard .tabless .cal {padding:20px 10px}
 .fc-icon {font-size: .7em; line-height: .7em;}
.fc-toolbar .fc-center {display: inline-block; margin: 20px 0 0;}

.dashboard.partii .profile .card .media {width: 90%}
.dashboard.partii .profile .card .media img{border-radius: 10px}
.dashboard.partii .first-sec {padding: 0px 2px}
/* .dashboard.partii .first-sec .card .txt {font-size: 22px}
.dashboard.partii .first-sec .card {padding-right: 20px}
.dashboard.partii .first-sec .card img {max-width: 55px}
.dashboard.partii .parti p{float: left!important;} */
/* .dashboard.partii .btnss .btn {margin: 5px 0} */
.dashboard.partii .btnss .btn {margin: 0; padding: 5px;}

#timeline-wrapper .timeline-block:after {z-index: -1}
#timeline-wrapper .timeline-block .timeline-events .l-event, #timeline-wrapper .timeline-block .timeline-events .r-event {padding: 0}
#timeline-wrapper .timeline-block .event .event-body {padding: 10px!important; width: 100%!important}
#timeline-wrapper .timeline-block .timeline-events .l-event:before, body #timeline-wrapper .timeline-block .timeline-events .l-event:after, #timeline-wrapper .timeline-block .timeline-events .l-event .thumb{display: none;}
#timeline-wrapper .timeline-block .timeline-events .r-event:before, body #timeline-wrapper .timeline-block .timeline-events .r-event:after, #timeline-wrapper .timeline-block .timeline-events .r-event .thumb {display: none;}

#timeline-wrapper .timeline-block .timeline-events .l-event .event-body:before, #timeline-wrapper .timeline-block .timeline-events .r-event .event-body:before {display: none;}

.names{
    margin-top: 10px;
    font-size: 12px;
}

.hide-on-mobile{
    display: none !important;
}

.select-pull-left{
    float: left !important;
}

/* .notification li{
    padding: 0px;
} */

}