.custom-toggler.navbar-toggler {
    border-color: white;
}

/********************* Icon Load *********************/
#loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  margin: 0 auto;
}

.loader2 {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  margin: 0 auto;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/********************* End Icon Load *********************/

/********************* Modal Center *********************/
.modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}
@media(max-width: 768px) {
  .modal-dialog {
    min-height: calc(100vh - 20px);
  }
}
/********************* End Modal Center *********************/

/********************* Index *********************/
:root {
  --jumbotron-padding-y: 3rem;
}

.jumbotron {
  padding-top: var(--jumbotron-padding-y);
  padding-bottom: var(--jumbotron-padding-y);
  margin-bottom: 0;
  background-color: #fff;
}
@media (min-width: 768px) {
  .jumbotron {
    padding-top: calc(var(--jumbotron-padding-y) * 2);
    padding-bottom: calc(var(--jumbotron-padding-y) * 2);
  }
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron-heading {
  font-weight: 300;
}

.jumbotron .container {
  max-width: 40rem;
}

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}

.box-shadow {
	box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

.shadow-nohover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {

}

@media (min-width: 62em) {

}
/********************* End Index *********************/


/********************* Menu *********************/

.navbar .dropmenu-setting { 
    right: 0; 
    left: auto; 
	top: 58px !important;
}

.dropmenu-setting:before {
  position: absolute;
  top: -9px;
  right: 17px;
  display: inline-block;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #ccc;
  border-left: 9px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.dropmenu-setting:after {
  position: absolute;
  top: -8px;
  right: 18px;
  display: inline-block;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #007bff;
  border-left: 8px solid transparent;
  content: '';
}

.dmnsetingtop {
	padding: 15px;
	margin-top: -7.8px;
}

.navbar .dropmenu-page {
    right: -70px;
    left: auto;
	top: 58px !important;
	width: 370px;
}

.navbar .dropmenu-page img {
	width: 25px;
}

.dropmenu-page:before {
  position: absolute;
  top: -9px;
  right: 81px;
  display: inline-block;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #ccc;
  border-left: 9px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.dropmenu-page:after {
  position: absolute;
  top: -8px;
  right: 82px;
  display: inline-block;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  border-left: 8px solid transparent;
  content: '';
}

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

	.navbar .dropdown.pagedown {
	  position: static;
	}
	
	.navbar .dropdown-menu.dropmenu-page {
	  -moz-box-sizing: border-box;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  -moz-border-radius-topleft: 0;
	  -webkit-border-top-left-radius: 0;
	  border-top-left-radius: 0;
	  -moz-border-radius-topright: 0;
	  -webkit-border-top-right-radius: 0;
	  border-top-right-radius: 0;
	  min-width: auto;
	  width: 100%;
	  margin-top: 0;
	  padding: 0;
	  border-color: #ccc;
	  left: 0;
	}

	.dropmenu-page:before {
	  right: 98px;
	}

	.dropmenu-page:after {
	  right: 99px;
	}

}
/********************* End Menu *********************/

/********************* Table *********************/
.containeres {max-width: 80rem !important;}
.card-table .card-header {padding:0}
.card-table .card-body{padding:0}
.card-table table{margin-bottom:0}
.card-table tr td:first-child,.card-table tr th:first-child{padding-left:20px}
.card-table tr td:last-child,.card-table tr th:last-child{padding-right:20px}
.card-table thead tr th{padding-top:15px;padding-bottom:10px}

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

.card-header .btn.active.focus,
.card-header .btn.active:focus,
.card-header .btn.focus,
.card-header .btn.focus:active,
.card-header .btn:active:focus,
.card-header .btn:focus {
  outline: 0 !important;
  outline-offset: 0  !important;
  background-image: none  !important;
  -webkit-box-shadow: none !important;
  box-shadow: none  !important;
}

.table-responsive {
    overflow-y: auto;
	max-height: 500px;
}

/********************* End Table *********************/

/********************* Other *********************/
.disabled {
   pointer-events: none;
   cursor: default;
   color: black;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 10px;
    right: 10px;
	padding: 2px 8px;
    display:none;
	z-index: 2;
}

.shadowblock { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

/*
.table{
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
*/
/********************* End Other *********************/