/*@import url('https://fonts.googleapis.com/css?family=Changa');*/
/*font-family: 'Changa', sans-serif; */
html {
  position: relative;
  min-height: 100%;
}
body{background: url(../images/background.jpg) center center;background-size: cover;background-attachment: fixed;}
::-webkit-scrollbar {width: 13px;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 0 grey; border-radius: 1px;}
::-webkit-scrollbar-thumb {background: #444; cursor: pointer;border-radius: 1px;}
::-webkit-scrollbar-thumb:hover {background: #111; cursor: pointer;}
a{color: #009966; text-decoration: none;}
.navbar-brand img{width: auto; height: 40px;}

.appjad-image{position: relative;width: 100%;padding-bottom: 100%;overflow: hidden;}
.appjad-image.re{padding-bottom: 60%; }
.appjad-image.cover{padding-bottom: 40%; }
.appjad-image.to{padding-bottom: 150%; }
.appjad-image.ro{ transform: translateY(-1px) rotate(0deg); }
.appjad-image img{position: absolute; left: 50%;top: 50%; min-height: 100%; width: 100%;
  -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);transition: all .5s;
  transform: translate(-50%,-50%);object-fit: cover;object-position: center;}

  
.change-profile-photo{position: absolute; top: 25px; left: 0; z-index: 10; cursor: pointer;  }
.loader-profile-photo{ position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%); color: #000; z-index: 11;}

.login{margin-top: 13%; color: #FFF;}
.login a{color: #009966;}
.login .card{background: rgba(0,0,0,.8);}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link .indicator {position: absolute;top: 5px;left: 21px;font-size: 10px;}
#mainNav .navbar-collapse .navbar-sidenav {position: absolute;top: 0;left: 0; border-right: 8px solid #009966; background: rgba(255,255,255,.8);-webkit-flex-direction:column  ;-ms-flex-direction: column  ;flex-direction: column  ;margin-top: 60px;height: calc(100vh - 60px);overflow: auto;width: 300px;}
#mainNav .navbar-collapse .navbar-sidenav .nav-item {padding: 0;}
#mainNav .navbar-collapse .navbar-sidenav .nav-item ul{list-style: none;margin:0; padding: 0;}
#mainNav .navbar-collapse .navbar-sidenav ul li{float: left; width: 50%; }
#mainNav .navbar-collapse .navbar-sidenav .nav-item ul li:hover{background: #009966;}
#mainNav .navbar-collapse .navbar-sidenav .nav-item ul li:hover a{color: #FFF;}
#mainNav .navbar-collapse .navbar-sidenav a{color: #000;}
#mainNav .navbar-collapse .navbar-sidenav > .nav-item i{font-size: 1.3em;}

.content-wrapper {margin-top: 60px;padding: 13px 0;height: calc(100vh - 60px);width: calc(100vw - 317px);float: right;background: white;overflow-y: auto;}

.parent.card  .card-body{min-height: 144px;max-height: 377px;overflow-y: auto; overflow-x: hidden;}
.images.card  .card-body{min-height: 89px; padding: 0; max-height: 377px;overflow-y: auto;}
.number  .form-control{width: 89px;}
.card .tablename {text-transform:uppercase}

.dropzone .dragon-preview {position: relative; width: calc(25% - 30px); display: inline-grid; margin:13px; }
.dropzone .dragon-preview .dragon-image{position: relative; width: 100%; padding-bottom: 100%;}
.dropzone .dragon-preview .dragon-image.photos{position: relative; width: 100%;  padding-bottom: 100%;}
.dropzone .dragon-preview .dragon-image img{position: absolute; left: 50%;top: 50%; min-height: 100%; width: 100%;-webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);object-fit: cover;object-position: center;
 }
.dropzone .dragon-preview .dragon-loading{position: absolute; z-index: 5;left: 45%;top: 40%;object-position: center; }
.dropzone .dragon-preview .dragon-loading i{font-size: 2rem; color: #FFF;}
.dropzone .dragon-preview .options-list{position: absolute;  z-index: 5; right: 18px;}
.dropzone .dragon-preview .options-list div{padding: 5px; top: 0px;margin-left: 8px; background: #FFF;cursor: pointer; float: right; }
.dropzone .dragon-preview .options-list div i{cursor: pointer;}
.dropzone .dragon-preview.default-image .options-list div i.fa-star{color: #009966;}
.dropzone .dragon-preview.col-md-3{padding: 0;}
.dropzone .dragon-preview .img-list{ position: absolute; background: #FFF; padding: 0px;
 border-radius: 0; top: 0; left: 0;  z-index: 999;}
.dropzone .dragon-message{margin:15px; text-align: center;padding: 34px; border: 3px dashed #009966; color: #009966; cursor: pointer;}

.checkboxs .form-group{ display: inline-block;margin-right: 13px;}
.checkboxs .form-group input[type="checkbox"] {display: none;}
.checkboxs .form-group input[type="checkbox"] + .btn-group > label span {width: 20px;}
.checkboxs .form-group input[type="checkbox"] + .btn-group > label span:first-child {display: none;}
.checkboxs .form-group input[type="checkbox"] + .btn-group > label span:last-child {display: inline-block;}
.checkboxs .form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {display: inline-block;}
.checkboxs .form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {display: none;}

.parent .card-body{padding:0;}
.parent .form-group{padding:0;margin:0;}
.treeview {margin: 13px 0;padding: 0 15px;}.treeview input{width:21px; height:21px;cursor: pointer;}

.treeview .badge .fa-chevron-down{display: none;}
.treeview .badge .fa-chevron-up{display: block;}
.treeview .badge.collapsed .fa-chevron-down{display: block;}
.treeview .badge.collapsed .fa-chevron-up{display: none;}

.treeview .item .form-group{position: relative;height: 34px; overflow: hidden; border: .005rem solid #ccc; margin-bottom: 3px;}
.treeview .item .form-group .badge{right: 0; top: 0; position: absolute; z-index: 2;height: 110%; border-radius: 0; width:55px;cursor: pointer;}
.treeview .item .form-group label{position: absolute;z-index: 1; cursor: pointer; line-height: 34px; padding: 0 13px; width: 110%; height: 110%;}
.treeview .item .form-group input{ position: absolute; z-index: 2; display: none;}
.treeview .item .form-group input[type=checkbox]:checked + label{ color: #FFF; background: #005b7f;}
.treeview .item .form-group input[type=radio]:checked + label{ color: #FFF; background: #005b7f;}



.user-input-wrp {  position: relative;  width: auto;}
.user-input-wrp .inputText{font-size: 1rem !important;  padding: 13px 13px 13px 21px  !important;}
.user-input-wrp .inputText.with-padding{font-size: 1rem !important;  padding: 13px 50px 13px 21px  !important;}
/* .user-input-wrp .inputText:focus{padding: 2rem;} */
.user-input-wrp .floating-label {  position: absolute;  pointer-events: none;  top: 13px;  left:21px !important;  transition: 0.2s ease all;}
.user-input-wrp .delete-btn {  position: absolute; cursor: pointer;  top: 13px;  right:21px !important; }
.user-input-wrp input:focus ~ .floating-label,
.user-input-wrp textarea:focus ~ .floating-label,
.user-input-wrp input:not([value='']) ~ .floating-label,
.user-input-wrp textarea:not(:focus):valid ~ .floating-label{top: 3px;  left: 21px !important;  font-size: 10px;  opacity: 1;}
.user-input-wrp select:not([option='checked']) ~ .floating-label{top: 3px;  left: 21px !important;  font-size: 10px; opacity: 1;}
.user-input-wrp .add-field-item,.user-input-wrp .action{  position: absolute; right: 0; top: 0; padding: 10px 20px; cursor: pointer;}


.dropzone .dz-preview .dz-details{
  z-index: 1 !important;
  top: 20px !important;
}



.page-link { border: 1px solid #ddd;  color: #333;}
.page-link:hover {  background-color: #f5f5f5;  color: #009966;}
.page-item.active .page-link {  background-color: #009966;  border-color: #009966;  color: #fff;}


@media (max-width: 992px) {
  #mainNav .navbar-collapse .navbar-sidenav {height: auto; max-height: 40vh; overflow-y: auto; width: 100%;padding: 8px;margin : 13px 0;position: unset ;}
  #mainNav .navbar-collapse .navbar-sidenav ul li{float: left; width: 50%; }
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item i{font-size: 1em;}
  .content-wrapper {margin-top: 60px;padding: 13px 0;height: calc(100vh);width: calc(98vw);float: none;background: white;overflow-y: auto;}
}