/* Login Page*/
body{
	background-color: transparent;
}
.login-box, .register-box {
    /* width: 25%; */
    height: 85vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.box-logo{
	margin-bottom: 10px;
}
.login-page, .register-page{
	background-image: url("../../.././images/header_banner.png");
	/*background-repeat: round;
	height: 75vh;*/
	/*height: 100%;*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

@media only screen and (max-width: 600px) {
	.login-page, .register-page{
		background-image: url("../../../index-1-399x407.png");
	}
	.login-box, .register-box {
     width: 95%;
 }
}

/*@media only screen and (max-width: 600px) and (min-width: 800px){
	.login-page, .register-page{
		background-image: url("../../../index-1-399x407.png");
	}
	.login-box, .register-box {
	    width: 95%;
	}
}*/
/*@media only screen and (min-device-width: 480px) and (max-device-width: 640px) {
	.login-page, .register-page{
		background-image: url("../../../index-1-399x407.png");
	}
}*/

.login-box .logo{
	margin: 0 auto;
	display: block;
}

dl, ol, ul {
    margin-bottom: 0;
}

.alert-dismissible p {
    margin-top: 0;
    margin-bottom: 0;
}
.error{
	color: red;
}


.card-info:not(.card-outline)>.card-header {
    background-color: #3cc3c1;
}

.btn-info {
    background-color: #3cc3c1;
    border-color: #3cc3c1;
}

a {
    color: #3cc3c1;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #3cc3c1;
    color: #fff;
}

.bg-gradient-info {
    background: none !important;
    background-color: #3cc3c1 !important;
    color: #fff;
}




.imgPreview img{
	width: 150px;
}
.image-area {
    margin-top: 10px;
    position: relative;
    width: 100%;
    padding: 10px;
}
.image-area img{
    max-width: 300px;
    width: 100%;
    height: auto;
}
.remove-image {
  display: none;
  position: absolute;
  top: -10px;
  right: -10px;
  border-radius: 10em;
  padding: 2px 6px 3px;
  text-decoration: none;
  font: 700 21px/20px sans-serif;
  background: #f50000;
  border: 3px solid #fff;
  color: #FFF;
  box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 2px 4px rgba(0,0,0,0.3);
  text-shadow: 0 1px 2px rgba(0,0,0,0.5);
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
}
.remove-image:hover {
   background: #f50000;
   padding: 3px 7px 5px;
   top: -11px;
   right: -11px;
}
.remove-image:active {
 background: #00b5e2;
 top: -10px;
 right: -11px;
}

.imgPreview{
  margin-top: 10px;
}

.login-page .btn-default {
    border-radius: 10px;
    background-color: #00b5e2;
    font-size: 20px;
    color: #fff;
}

.card-primary.card-outline {
    border-top: 3px solid #00b5e2;
}

.icheck-primary>input:first-child:checked+input[type=hidden]+label::before, .icheck-primary>input:first-child:checked+label::before {
    background-color: #00b5e2;
    border-color: #00b5e2;
}

.icheck-primary>input:first-child:checked+input[type=hidden]+label::before, .icheck-primary>input:first-child:checked+label::before {
    background-color: #00b5e2;
    border-color: #00b5e2;
}

.theme-font-color{
    color: #686868;
}

.btn:hover {
    text-decoration: none;
}

/* [class*=sidebar-dark-] {
     background-color: #00b5e2;
    background: linear-gradient(0deg, rgba(65,78,178,1) 0%, rgba(95,113,253,1) 100%);
} */

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    /* background-color: #E62220; */
    background: #00b5e2;
    color: #222;
}

[class*=sidebar-dark-] .sidebar a {
    color: #222;
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus {
    /* background-color: #E62220; */
    background:#00b5e2;
    color: #222;
}
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:hover {
    background-color: #00b5e2;
    color: #222;
}
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link {
    color: #222;
}
[class*=sidebar-dark-] .sidebar a {
    color: #222;
}
.nav-sidebar .nav-item>.nav-link {
    border-radius: 0 !important;
    box-shadow: none !important;
}
.bg-default {
    background-color: #FFFFFF!important;
    color: #000000;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
    border-color: #dcccbd !important;
    border: 0px;
}

.card-info:not(.card-outline)>.card-header {
 background-color: #00b5e2;
 border: 0;
 border-radius: 0;
}

.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #00b5e2 !important;
    border-color: #10707f;
}

.btn-info {
    background-color: #00b5e2 !important;
    border-color: #00b5e2 !important;
    color: #FFFFFF;
}

.btn-danger {
    color: #FFFFFF;
    background-color: #E62220;
    border-color: #E62220;
    box-shadow: none;
}

.brand-link {
    padding: 0.1125rem 0.5rem;
}
.brand-link .brand-image {
    margin-top: 4px;
    max-height: 40px;
}
/*.just-color{
    background: -webkit-linear-gradient(0deg, rgba(230,34,32,1) 0%, rgba(255,89,87,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.incase-color{
    background: linear-gradient(0deg, rgba(65,78,178,1) 0%, rgba(95,113,253,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}*/


.main-sidebar .brand-link span {
    color: #FFFFFF;
}

.main-sidebar .font-weight-light {
    font-weight: 400!important;
    font-size: 32px;
}

.btn-default {
    /* background-color: #00b5e2 !important; */
    background: linear-gradient(0deg, #00b5e2 0%, #00b5e2 100%);

    border-color: #00b5e2 !important;
    color: #FFFFFF !important;
}

.breadcrumb-item a {
    color: #00b5e2 !important;
}

label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 400;
}
.form-group label {
    color: #6c757d!important;
}

.main-footer {
    background-color: #fff;
    border-top: 1px solid #ddd;
    padding: 1rem;
}

.main-footer a{
   color: #00b5e2;
}

.page-item.active .page-link {
    color: #fff;
    background-color: #00b5e2;
    border-color: #00b5e2;
}
.page-link {
    color: #00b5e2;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-link:hover {
    color: #dcccbd;
    background-color: #00b5e2;
    border-color: #00b5e2;
}

.bg-gradient-info.btn:hover {
    /* background: #dcccbd linear-gradient(180deg,#dcccbd,#dcccbd) repeat-x!important; */
    background: linear-gradient(0deg, rgba(230,34,32,1) 0%, rgba(255,89,87,1) 100%) !important;
    border-color: #E62220 !important;
    color: #FFFFFF;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer {
    background-color: #f5f5f5;
}

.bg-gradient-info.btn.active, .bg-gradient-info.btn:active, .bg-gradient-info.btn:not(:disabled):not(.disabled).active, .bg-gradient-info.btn:not(:disabled):not(.disabled):active {
    background: #00b5e2 linear-gradient(
        180deg,#00b5e2,#00b5e2) repeat-x!important;
    border-color: #00b5e2;
    color: #fff;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
    border-radius: 5px;
}

.bannertext {
    text-align: center;
    font-size: 40px;
    color: #FFFFFF;
}
.bannertext h1 {
    font-size: 40px;
    font-weight: normal;
    font-family: 'Noto Serif', serif;
}
/* .bannerphonelogoMY{
    margin-bottom: 0px !important;
} */
/* Theme two color code 1) #40485b , 2) #dcccbd */


.content-header .breadcrumb {
    float: right !important;
}
.alert-danger {
    background-color: #E62220;
    border-color: #E62220;
}
/*-------*/
.imgPreview {
    margin-top: 10px;
    border: 1px solid #ddd;
    width: 100%;
    max-width: 140px;
    padding: 6px;
}
.imgPreview img.img-thumbnail {
    max-width: 100% !important;
    width: 100%;
}

.select-inner-design-wrapper span.select2-selection.select2-selection--multiple ,
.select-inner-design-wrapper .select2-container--default .select2-selection--multiple {
    padding: 6px 20px;
    box-shadow: none;
    border: 1px solid #ebebeb;
    transition: all ease 0.5s;
    margin: 0;
    border-radius: 0px;
    background-color: #f2f2f2;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.56;
    letter-spacing: 0.5px;
    color: #2d2d2d;
    min-height: 50px;
}

.select-inner-design-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #00b5e2;
    border: 0;
    padding: 5px 24px 5px 34px;
    font-size: 15px;
    line-height: 15px;
}
.select-inner-design-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
    border-color: #fff;
    padding: 5px 6px;
    font-size: 15px;
    background: transparent !important;
    margin: 0;
}
.select-inner-design-wrapper .select2-container .select2-search--inline .select2-search__field,
.select-inner-design-wrapper .select2-container--default .select2-dropdown .select2-search__field,
.select-inner-design-wrapper .select2-container--default .select2-search--inline .select2-search__field {
    margin: 0 !important;
    border: 0 !important;
}
.g-img-thumbnail img {
    max-width: 100%;
}

.g-img-thumbnail {
    padding: 6px;
    border: 1px solid #ddd;
}

.galler-img-box-wrap {
  position: relative;
  max-width: 260px;
  width: 100%;
  margin-right: 20px;
}

.galler-img-box-wrap .img-close {
    position: absolute;
    top: -14px;
    right: -14px;
    width: 35px;
    border-radius: 40px;
    height: 35px;
    line-height: 28px;
    padding: 0;
    background: #000 !important;
    border: 4px solid #fff;
    font-size: 12px;
}
.select-box select.form-control { padding: 5px 40px 5px 20px; background-image: url("../../../images/down-arrow.png"); background-repeat: no-repeat; background-position: right center;}
.select-box select.form-control:focus { background-image: url("../../../images/up-arrow.png");}