/*!
 * Start Bootstrap - SB Admin v5.0.2 (https://startbootstrap.com/template-overviews/sb-admin)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-sb-admin/blob/master/LICENSE)
 */

html { 
  position: relative;
  min-height: 100%;
}

body {font-family: 'Poppins', sans-serif; font-size: 13px!important; background:#f1f1f1;
  height: 100%;
}
.table{background:#fff;}
.small, small {	font-size: 100%!important;}
.btn, .form-control, .h3, h3, .table-bordered, .container-fluid h4, .dropdown-item{font-size: 13px!important;}
.table-bordered td, .table-bordered th{ }

#wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#wrapper #content-wrapper {
  overflow-x: hidden;
  width: 100%; 
 /* padding-top: 1rem;
  padding-bottom: 80px;*/
}
a{color: #1276b0;}
a:hover{color: #51b6f0}
.table th{color:#1276b0;}
.counsebtn{margin-top: 30px;}
.dashboard .table th{color:#000;}
.sections{background: #f1f1f1; padding: 15px 0px 0px; margin-bottom: 15px;}
	.container-fluid h4{margin-bottom: 15px; background:#7299DF; color: #fff;padding: 8px 15px;} 

.btn-default{background-color: #e9ecef; color:#444;}

.add-data-btn a{}
.namelink:hover, .namelink{color:#000;}

.add-data-btn a, .activelog a{display: inline-block;	font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;	-webkit-user-select: none;
-moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; 	padding: .375rem .75rem; line-height: 1.5;	border-radius: .25rem;	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; color: #fff;background-color: #17a2b8;border-color: #17a2b8;}

.activelog a:hover, .add-data-btn a:hover{ color: #fff;   background-color: #138496;   border-color: #117a8b;}


body.fixed-nav #content-wrapper {
  margin-top: 56px;
  padding-left: 90px;
}

body.fixed-nav.sidebar-toggled #content-wrapper {
  padding-left: 0;
}
.main{width: 94%; margin: 0 auto;}
h2{ font-size:18px!important;}
#wrapper #content-wrapper h2{ padding:15px 3%;  margin: 0; background: #fff; border-bottom: solid 2px #e0e5e9;}
.headings{width: 95%; margin: 0 auto;}
.container-fluid{ width: 94%; margin: 0 auto; padding:15px 0!important;}
.container-fluid h3{ margin-bottom: 15px;  background:#fff; padding: 10px 15px;}
.main_tab_sec {/* background: rgb(244,244,244);background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 49%);background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(255,255,255,1) 49%);
background: linear-gradient(to bottom, rgba(244,244,244,1) 0%,rgba(255,255,255,1) 49%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 );  border-bottom: solid 1px #dde2e7;*/} 
.nav-tabs { border-bottom: none !important; }
.main_tab_sec .container-fluid { }

.nav-tabs{background:#fff;}
.nav>li>a { padding: 20px !important; min-width: 200px; text-align: center;border-right: solid 1px #dfdfdf!important; border-radius: 0 !important;   font-weight: bold; color: #54585b !important;}
/*.nav li:last-child a { border-right: solid 1px transparent!important; }*/
.nav-tabs>li>a:hover { background: #fff !important; }
.nav-tabs {}
.nav-tabs>li.active>a { border-top: none !important; border-bottom: none !important; background:#1276b0 !important; color: #fff !important;}
.nav-tabs>li { margin-bottom: -2px !important; }
.nav-tabs>li>a { margin-right: 0 !important; }
.dashboard {   /* background: #e8edf2 !important;*/}
.topbar{  margin-bottom: 15px;}
.flexigrid{clear: both;  }
.card-body { padding: 0;  }

.dashtopsec{position: relative;}
.dsearch{position: absolute; top:12px; right: 0; width: 300px; }
.dsearch .form-control{display: inline-block; width: 200px; vertical-align: middle; margin-right: 5px;}
.btn-info, .btn-success{background-color:#00007f!important; border-color:#00007f!important;}
.btn-info.focus, .btn-info:focus, .btn-success:focus {box-shadow:none!important;}
.btn-info:hover, .btn-success:hover{background-color:#00004D!important;  }
.des_box small {   color: #4b5054; font-weight: 600;  display:inline-block; }
.des_box small:after{content:""; width: 100%; border-bottom: 2px solid #1276b0; display:inline-block; margin-bottom: 10px;}
.des_box span {   color: #26282a; font-weight: 600; display: block;  }
.des_box { float: left;  padding:20px; width: 100%; text-align: center;}
.mr-5 { margin-right: 0 !important; }
.card { display: block; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.13);}
.dashboard .row { display: block; }

.pagination-btm li a {min-width: 30px;	display: block;	text-align: center;	line-height: 30px;	border: 1px solid #ccc;	margin: 2px; padding: 0 6px; text-decoration: none;}
.pagination-btm li a:hover, .pagination-btm li.active a{border-color:#51b6f0;}

.dashboard .table > tbody > tr > th, .dashboard .table > tbody > tr > td, .dashboard .table > thead > tr > th{border-top: 0; border-bottom: 0;}



@media (min-width: 768px) {
  body.fixed-nav #content-wrapper {
    padding-left: 225px;
  }
  body.fixed-nav.sidebar-toggled #content-wrapper {
    padding-left: 90px;
  }
}

.scroll-to-top {
  position: fixed;
  right: 15px;
  bottom: 15px;
  display: none;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #fff;
  background: rgba(52, 58, 64, 0.5);
  line-height: 46px;
}

.scroll-to-top:focus, .scroll-to-top:hover {
  color: white;
}

.scroll-to-top:hover {
  background: #343a40;
}

.scroll-to-top i {
  font-weight: 800;
}

.smaller {
   
}

.o-hidden {
  overflow: hidden !important;
}

.z-0 {
  z-index: 0;
}

.z-1 {
  z-index: 1;
}

.navbar-nav .form-inline .input-group {
  width: 100%;
}

.navbar-nav .nav-item.active .nav-link {
  color: #fff;
}

.navbar-nav .nav-item.dropdown .dropdown-toggle::after {
  width: 1rem;
  text-align: center;
  float: right;
  vertical-align: 0;
  border: 0;
  font-weight: 900;
  content: '\f105';
  font-family: 'Font Awesome 5 Free';
}

.navbar-nav .nav-item.dropdown.show .dropdown-toggle::after {
  content: '\f107';
}

.navbar-nav .nav-item.dropdown.no-arrow .dropdown-toggle::after {
  display: none;
}

.navbar-nav .nav-item .nav-link:focus {
  outline: none;
}

.navbar-nav .nav-item .nav-link .badge {
  position: absolute;
  margin-left: 0.75rem;
  top: 0.3rem;
  font-weight: 400;
  
}
.white_bg { background: #fff; }

@media (min-width: 768px) {
  .navbar-nav .form-inline .input-group {
    width: auto;
  }
}

.sidebar {
  width: 90px !important;
  background-color: #212529;
  min-height: calc(100vh - 56px);
}

.sidebar .nav-item:last-child {
  margin-bottom: 1rem;
}

.sidebar .nav-item .nav-link {
  text-align: center;
  padding: 0.75rem 1rem;
  width: 90px;
}

.sidebar .nav-item .nav-link span {
   
  display: block;
}

.sidebar .nav-item .dropdown-menu {
  position: absolute !important;
  -webkit-transform: none !important;
  transform: none !important;
  left: calc(90px + 0.5rem) !important;
  margin: 0;
}

.sidebar .nav-item .dropdown-menu.dropup {
  bottom: 0;
  top: auto !important;
}

.sidebar .nav-item.dropdown .dropdown-toggle::after {
  display: none;
}

.sidebar .nav-item .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.sidebar .nav-item .nav-link:active, .sidebar .nav-item .nav-link:focus, .sidebar .nav-item .nav-link:hover {
  color: rgba(255, 255, 255, 0.75);
}

.sidebar.toggled {
  width: 0 !important;
  overflow: hidden;
}

@media (min-width: 768px) {
  .sidebar {
    width: 225px !important;
  }
  .sidebar .nav-item .nav-link {
    display: block;
    width: 100%;
    text-align: left;
    padding: 1rem;
    width: 225px;
  }
  .sidebar .nav-item .nav-link span {
    
    display: inline;
  }
  .sidebar .nav-item .dropdown-menu {
    position: static !important;
    margin: 0 1rem;
    top: 0;
  }
  .sidebar .nav-item.dropdown .dropdown-toggle::after {
    display: block;
  }
  .sidebar.toggled {
    overflow: visible;
    width: 90px !important;
  }
  .sidebar.toggled .nav-item:last-child {
    margin-bottom: 1rem;
  }
  .sidebar.toggled .nav-item .nav-link {
    text-align: center;
    padding: 0.75rem 1rem;
    width: 90px;
  }
  .sidebar.toggled .nav-item .nav-link span {
    
    display: block;
  }
  .sidebar.toggled .nav-item .dropdown-menu {
    position: absolute !important;
    -webkit-transform: none !important;
    transform: none !important;
    left: calc(90px + 0.5rem) !important;
    margin: 0;
  }
  .sidebar.toggled .nav-item .dropdown-menu.dropup {
    bottom: 0;
    top: auto !important;
  }
  .sidebar.toggled .nav-item.dropdown .dropdown-toggle::after {
    display: none;
  }
}
.drop {    background: #ffc7cc;}
.sidebar.fixed-top {
  top: 56px;
  height: calc(100vh - 56px);
  overflow-y: auto;
} 
.dashboard .card-body-icon { width: 34%; border-radius: 4px 0 0 4px;    height: 104px;    justify-content: center;   display: flex;   align-items: center; display: none;}  
.card-body-icon {
  float: left;
/*  position: absolute;
  z-index: 0;
  
  right:0;

  font-size: 5rem;
	top: 15px;*/
 /*top: -1.25rem;
	-webkit-transform: rotate(15deg);
  transform: rotate(15deg);*/
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 1;
    column-count: 1;
  }
}

@media (min-width: 768px) {
  .card-columns {
    -webkit-column-count: 2;
    column-count: 2;
  }
}

@media (min-width: 1200px) {
  .card-columns {
    -webkit-column-count: 2;
    column-count: 2;
  }
}

:root {
  --input-padding-x: 0.75rem;
  --input-padding-y: 0.75rem;
}

.card-login {width: 850px;height: 500px;position: absolute;	left: 50%; display: inline-block; margin-left: -425px;margin-top: -250px;	top: 50%;}
.card-login h1{color:#fff;  font-weight: 600; margin-bottom: 30px;margin-top: 55px;}
.card-login .form-group{margin-bottom: 30px;}
.logleft{width: 50%; float: left; height: 100%; background:#1273AC; padding: 45px; font-weight: 300;}
.loginbg{width: 50%; float: left; height: 100%; background: url(../images/loginbg.jpg) center center no-repeat; background-size: 100% 100%; line-height: 500px; text-align: center;}
.card-login .form-control{background-color:#59A4D2; padding-left: 25px; border: none; border-bottom:1px solid rgba(255,255,255,0.7); border-radius: 0; color:#fff;}
.card-login .form-label-group > label{color:#fff; padding-left: 25px;}
.card-login  .form-label-group input:not(:placeholder-shown) ~ label{ color:#006fc7;}
.form-control:focus{box-shadow: none;}

.usericon{background: url(../images/usericon.png) 0 center no-repeat;background-position-x: 5px;}
.passicon{background: url(../images/passicon.png) 3px center no-repeat;background-position-x: 5px;}
.card-login .btn {float: right;	background: #00007f;border-color: #00007f;border-radius: 25px;padding: 10px 25px;min-width: 160px;}

/* .logo{color:#fff; float: left; margin:5px 20px 5px 0; max-width: 170px;} */
.logo { color: #fff; float: left; /* margin: 5px 20px 5px 0; */ max-width: 207px; padding: 5px; }
.logo img{max-width: 100%;}
.adminmenu{ background:#1276b0; width: 100%; float: left;}
.topmenu{float: right;}
.topmenu > ul{margin: 0; padding: 0;}
.topmenu > ul > li{display: inline-block;}
.topmenu > ul > li > a{color:#fff; text-align: center;  padding:13px;}
.topmenu > ul > li > a span{display: block;}
.topmenu > ul > li.active > a, .topmenu > ul > li:hover > a{background:#51b6f0;}
.sublinks{position: relative;}
.sublinks > ul{position: absolute; display: none; left: 0; top: 100%; background: #fff;  width: 220px; text-align: left; padding: 0; list-style: none; z-index: 2;}
.sublinks > ul > li{}
.sublinks > ul > li > a{ color:#1276b0;   padding: 7px 15px; display: block; text-decoration: none;}
.topmenu > ul > li:hover > ul{display: block; }
.sublinks > ul > li > a:hover{background:#1276b0; color:#fff;}

.userlog{float: right;}
.userlog a{}
#userDropdown{padding: 17px 20px;color:#fff;}
#userDropdown i{font-size: 30px; vertical-align: middle;}

.card-body-icon i{ width: 154px; height: 142px;}
/*.folowericon{ width: 154px; height: 142px;}
.openfolo{ width: 154px; height: 142px;}
.closedfolo{ width: 154px; height: 142px;}*/

.card-footer{border: none; }

/*.dashboard .card-body .mr-5 span {display: block;font-size: 85px;	font-weight: 700;	line-height: 70px;}*/
/*.dashboard .card-body .mr-5 small{font-size: 25px;}*/



.searchinput{ width: calc(100% - 100px); display: inline-block; vertical-align: middle;}
.nolabel{display: block;}

.card-register {
  max-width: 40rem;
}

.form-label-group {
  position: relative;
}

.form-label-group > input,
.form-label-group > label {
  padding: var(--input-padding-y) var(--input-padding-x);
  height: auto;
}

.form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0;
  /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.form-label-group input::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group input:-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::placeholder {
  color: transparent;
}

.form-label-group input:not(:placeholder-shown) {
  padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
  padding-bottom: calc(var(--input-padding-y) / 3);
}

.form-label-group input:not(:placeholder-shown) ~ label {
  padding-top: calc(var(--input-padding-y) / 3);
  padding-bottom: calc(var(--input-padding-y) / 3);
  
  color: #777;
}
.toggle-block {      margin-top: 25px;  padding: 5px 20px;}
.toggle-block .toggle-title:after {     content: '';
    width: 100%;
    display: block;
    height: 1px;
    background: #eff0f0;
    position: absolute;
    left: 0;
    bottom: -14px; }
.toggle-block .toggle-title {
  padding:5px 40px 5px 15px;
      margin-bottom: 25px;
     position: relative;
      border-left: solid 5px #51b6f0;
  background: #fff /*url(../images/plus_icon-color.png) no-repeat*/;
  color: #26282a;
  
  font-weight: 600;
  background-position: right 14px bottom 15px;
  cursor: pointer;
}
.toggle-block.active .toggle-title  {
  background: #fff /*url(../images/minus_icon-color.png) no-repeat;*/;
  background-position: right 14px bottom 15px;
}
/*.toggle-block .toggle-content {
  display: none;
}*/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  font-weight: 600;
}
.followups_active .active {    background-color: #51b6f0 !important; border: none;}
.my_anchor a { color: #fff !important; }

.dashboard .toggle-block { height: 350px; overflow-y: auto; margin-bottom: 40px; }
.dashboard .table>tbody>tr>td a { color: #4d5257;  }
.table-striped th { text-transform: uppercase; }
.sc-title { margin: 0 0 15px; color: #26282a; font-weight: 600;}
.sc-title a {color: #26282a;}
footer.sticky-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  bottom: -66px; width: 100%;
 /* width: calc(100% - 90px);*/
  height: 80px;
  background-color: #ffffff;
}

footer.sticky-footer .copyright {
  line-height: 1;
   
}

@media (min-width: 768px) {
  footer.sticky-footer {width: 100%;
   /* width: calc(100% - 225px);*/
  }
}

body.sidebar-toggled footer.sticky-footer {
  width: 100%;
}

@media (min-width: 768px) {
  body.sidebar-toggled footer.sticky-footer {
    width: calc(100% - 90px);
  }
}

@media (max-width: 1199px) {
 
	.card-login {width:630px; height: 400px; margin-top: -200px; margin-left:-315px;}
	.card-login h1{margin-bottom: 20px;}
	.loginbg{ line-height: 400px;}
}

.pull-right{float: right;}
.successMsg{color:green;line-height:32px; background:#d9ead3;border-radius:8px;border:1px solid #d0e2c9; text-align:center; margin-bottom:15px;box-sizing:border-box;overflow:hidden;clear:initial;width:100%;}
.errorMsg{color:#ff324b;line-height:44px; background:#EFBCC2;border-radius:8px;border:1px solid #ff324b; font-weight:bold;text-align:center; margin-bottom:15px;box-sizing:border-box}
.validation_error{color:#cc0000;}
.required{color:#cc0000;}
.unopened{background-color: #e1e3e6e6;}

@media (min-width: 1199px) and (max-width:1370px ) {

.small_btn .btn {    padding: 0.175rem 7px;}

}