body {
  font-family: sans-serif;
  background-color: #eeeeee;
}

.file-upload {
  background-color: #ffffff;
 /* width: 600px;*/
  margin: 0 auto;
  padding: 20px;
}

.file-upload-btn {
  width: 100%;
  margin: 0;
  color: #fff;
  background: #f1a926;
  border: none;
  padding: 10px;
  border-radius: 4px;
  border-bottom: 4px solid #15824B;
  transition: all .2s ease;
  outline: none;
  text-transform: uppercase;
  font-weight: 700;
}
@media only screen and (max-width: 924px) {
  .sidebarNavigation {
    margin: 10px 13px !important;
    margin-top:10px !important;
    border-radius: 10px;
  }
}
@media only screen and (max-width: 924px) {
  .notification {
   color:#f1a926;
  }
}
@media only screen and (max-width: 924px) {
  .fa-angle-down {
   visibility: hidden;
  }
}
/* @media only screen and (max-width: 600px) {
  #navbarsExampleDefault {
   right:100px;
  }
} */
@media only screen and (max-width: 390px) {
  #category {
    padding: 0.46875rem 2rem !important;
  }
}
@media only screen and (max-width: 800px) {
  .bottom-title {
   margin-left:8px !important;
  }
}
@media only screen and (max-width: 400px) {
  .bottom-title {
   margin-left:65px !important;
   margin-top: -27px !important;
  }
}
@media only screen and (max-width: 400px) {
  #content {
    margin: 25px 7px !important;
  }
}


/*media query on card 800 pix */
@media only screen and (max-width: 800px) {
  .rounded {
   width:144px !important;
  }
  .btn-info{
    margin-left: -11px;
  width: 70px;
  font-size: 10px;
  }
  #share-btn{
    width: 64px;
    font-size: 8px;
    margin-left: -6px;
  }
}
/*Media query on card 400 pix */
@media only screen and (max-width: 390px) {
.rounded {
 width: 185px !important;
}

.btn-info{
  margin-left: 121px;
  width: 79px;
  font-size: 10px;
  margin-top: -34px;
}
#share-btn{
  width: 75px;
  font-size: 10px;
  margin-left: -14px;
}
#info-btn{
 
  width: 79px;
  font-size: 10px;
  margin-top: -31px !important;
  margin-right: -6px !important;
  float: right !important;
}
#success-btn{
  margin-top:-36px !important;
}
}
 #side-nav{
  top:37px !important;
}
@media screen and (max-width: 768px) {
  .card-header-icon{
    margin-left: 9px !important;
  }
}
 #JD-Navigation{
  margin: 9px 78px;border-radius: 10px; margin-top:10px;
 }  
.col-md-12{
  margin-top:0px !important;
}
.file-upload-btn:hover {
  background: #1AA059;
  color: #ffffff;
  transition: all .2s ease;
  cursor: pointer;
}

.file-upload-btn:active {
  border: 0;
  transition: all .2s ease;
}

.file-upload-content {
  display: none;
  text-align: center;
}
.file-upload-content1 {
  display: none;
  text-align: center;
}
.file-upload-input {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  cursor: pointer;
}
.file-upload-input1 {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  cursor: pointer;
}
.image-upload-wrap {
  /* margin-top: 20px; */
  border: 2px dashed #dedede;
  position: relative;
}

.image-upload-wrap1 {
  margin-top: 20px;
  border: 2px dashed #dedede;
  position: relative;
}

.image-title-wrap {
  padding: 0 15px 15px 15px;
  color: #222;
}
.image-title-wrap1 {
  padding: 0 15px 15px 15px;
  color: #222;
}
.drag-text {
  text-align: center;
}

.drag-text h6 {
  font-weight: 100;
  text-transform: uppercase;
  color: #4a4a4a;
  padding: 60px 0;
}
.bottom-title{
  margin-left:-20px;font-size:10px;
  margin-top: 0px;
}

.file-upload-image {
  max-height: 200px;
  max-width: 200px;
  margin: auto;
  padding: 20px;
}
.file-upload-image1 {
  max-height: 200px;
  max-width: 200px;
  margin: auto;
  padding: 20px;
}
.remove-image {
  width: 200px;
  margin: 0;
  color: #fff;
  background: #cd4535;
  border: none;
  padding: 10px;
  border-radius: 4px;
  border-bottom: 4px solid #b02818;
  transition: all .2s ease;
  outline: none;
  text-transform: uppercase;
  font-weight: 700;
}

.remove-image:hover {
  background: #c13b2a;
  color: #ffffff;
  transition: all .2s ease;
  cursor: pointer;
}

.remove-image:active {
  border: 0;
  transition: all .2s ease;
}
@media only screen and (max-width: 390px)
{
   #navbarsExampleDefault {
  margin-left: 72px;
}
}
.overlay,.sideMenu{position:fixed;bottom:0}
.overlay{top:0;left:-100%;right:100%;margin:auto;background-color:rgba(0,0,0,.5);z-index:998;}
.overlay.open{left:0;right:0}
.sidebarNavigation{margin-bottom:0;z-index:999;justify-content:flex-start}
.sidebarNavigation .leftNavbarToggler{margin-right:10px;}
.sideMenu{left:-100%;top:52px;overflow:hidden;width:100%;z-index:999;max-width:80%;margin-bottom:0;padding:1rem}
.sideMenu.open{left:0;display:block;overflow-y:auto; margin-top:38px; position: absolute; width:274px;border-radius: 5px;
  margin-left: 61%;  }
.sideMenu ul{margin:0;padding:0 15px}

  
  form .form-group select.form-control {
    position: relative !important;
    top: -5px !important;
    /* padding: 6px 8px 116px !important; */
}
.select2-selection__rendered{
margin-top:0px !important;
list-style-type:none;
}
.select2-results__options{
    display:none;
}
.select2-search__field{
  display: none;
}
.select2-selection__choice__remove{
  margin-right: 10px;
    margin-left: -25px;
}
@media only screen and (max-width: 390px)
{
.header-doc {
  width: 236px !important;
  margin-left: -15px;
}
}
@media only screen and (max-width: 360px)
{
#JDQ {
  width: 205px !important;
  margin-left: -15px;
}

}
@media only screen and (max-width: 360px)
{
.header-doc {
    width: 174px !important;
}
}
@media only screen and (max-width: 412px)
{
.btn-info {
    margin-left: -11px;
    width: 70px;
    font-size: 10px;
    margin-top: -30px;
}
.header-doc {
  width: 233px !important;
}
}
@media only screen and (max-width: 768px)
{
.btn-success {
   margin-left:25px !important;
}
}
@media only screen and (max-width: 768px)
{
#question_answer {
   margin-left:-46px !important;
}
}
@media only screen and (max-width: 1024px)
{
  .container {
    max-width: 1027px;
}
}



.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btn.btn-info {
    color: #fff;
    background-color: #00bcd4;
    border-color: #00bcd4;
    box-shadow: 0 2px 2px 0 rgb(0 188 212 / 14%), 0 3px 1px -2px rgb(0 188 212 / 20%), 0 1px 5px 0 rgb(0 188 212 / 12%);
}
.btn-info, .badge-info {
    color: white;
}
@media only screen and (max-width: 390px)
{
#info1 {
    margin-left: 0px !important;
    width: 70px;
    font-size: 10px;
    margin-top: 6px !important;
}
.btn-success {
  margin-left: 46px !important;
}
}
@media only screen and (max-width: 768px) {
  .show_confirm.btn.btn-rose.btn-link  {
    margin-left: -19px !important;
  }
}
@media only screen and (max-width: 390px) {
  .show_confirm.btn.btn-rose.btn-link  {
    margin-left: 0px !important;
  }
}
@media only screen and (max-width: 768px) {
  #result  {
    margin-left: -12px !important;
  }
}
@media only screen and (max-width: 390px) {
  #result  {
    margin-left: -12px !important;
    margin-top: -35px !important;
  }
}
@media only screen and (max-width: 390px) {
  .text-right  {
   
    margin-top: -80px !important;
  }
}
@media only screen and (max-width: 390px)
{
#question_answer {
    margin-left: 17px !important;
}
.btn-info {
  margin-left: 0px !important;
  
  margin-top: 0px !important;
}
}