.drop-menu{
  font-size: 10px;
}

.inside-head img {
    display: inline-block;
}
.notes-paragraph{
  margin-top: -3px!important;
  font-size: 10px;
  font-weight: 100;
}
.cancel{
  border: 2px solid #000 !important;
  font-weight: bold !important;
}
.project-cancel-icon{
   background-color: white;
    border-radius: 5px;
    height: 25px;
    width: 25px;
}

.confirm {
    border: 2px solid #d31245 !important;
    font-weight: bold !important;
}


.notes-textarea{
    background-color: #cfcfcf;
    border: 1px solid #9d9d9d;
    border-radius: 8px;
    color: #000 !important;
    font-size: 10px;
    font-weight: 100;
    height: 30px;
    margin-top: -7px;
    width: 215px;
}

.picklist-search-auto{
  width:170px!important;
}
.custom-picklist-bg:hover{
  background-color: #d31245!important;
  color:#fff!important;
}

.custom-picklist-bg a:hover{
  color:#fff!important;
}

.documents-options{
  display: none;
  position: absolute;
  width: 220px;
  height: 50px;
}

.download-link{
   height: 25px;
    left: 30px;
    position: absolute;
    top: 10px;
    width: 25px;
}
.view-link{
    height: 25px;
    left: 80px;
    position: absolute;
    top: 10px;
    width: 25px;
}

.document-edit-link{
  height: 25px;
  left: 130px;
  position: absolute;
  top: 10px;
  width: 25px;
}
.document-remove-link{
 height: 25px;
  left: 180px;
  position: absolute;
  top: 10px;
  width: 25px;
}


.download-icon{
   height: 25px;
    width: 25px;
}
.view-icon{
    height: 25px;
    width: 25px;
}

.document-edit-icon{
  height: 25px;
  width: 25px;
}
.document-remove-icon{
 height: 25px;
  width: 25px;
}



.cancel-button{
      background: #fff none repeat scroll 0 0;
    border: 2px solid #d31245;
    border-radius: 3.5px;
    box-sizing: border-box;
    color: #d31245;
    float: left;
    font-size: 11.2px;
    height: 39.9px;
    padding: 4.2px;
    text-align: center;
    padding-top:12px!important;
    font-weight: 100!important;
    cursor: pointer;
}

.save-picklist-button{
      background: #fff none repeat scroll 0 0;
    border: 2px solid #d31245;
    border-radius: 3.5px;
    box-sizing: border-box;
    color: #d31245;
    float: left;
    font-size: 11.2px;
    height: 39.9px;
    padding: 4.2px;
    text-align: center;
    padding-top:12px!important;
    font-weight: 100!important;
    cursor: pointer;
}


.conflict-red-font{
  color:#d31245!important;
}
.edit-asset-from-picklist {
    height: 15px;
    margin-top: 2px;
    position: absolute;
    right: 35px;
    top: 3px;
}
.conflict_project_circle {
    border: 1px solid #d31245;
    border-radius: 100%;
    color: #d31245;
    font-size: 15px;
    height: 16px;
    line-height: 17px;
    position: absolute;
    right: 14px;
    text-align: center;
    top: 22px;
    width: 13px;
}
    .asset-side{
        cursor: pointer;
    }
    .progress {
      max-width: 220px;
      margin:    0.2em 0 0.2em 0;
    }

    .progress .bar {
      height:  1.2em;
      padding-left: 0.2em;
      color:   white;
      display: none;
    }
    #edit_project_form .main-container{
        width: 100%;
    }
    .display-flex{
        display: initial;
    }
    .disply-flex div{
     margin: 1%;
    }
    #list-users li{
        /*list-style: none;*/
        font-size: 12px;
    }
    .label-width{
        width:10%;
        font-size: 12px;
    }
    .display-flex input[type="text"],.display-flex textarea{
            margin: 1% 0%;
    }
    .main-container,.display-flex textarea{
        width: 100% !important;
    }
    span .day{
      margin: 1% 0%;
    }
    label{
        font-size: 12px;
    }
    .inline-flex-project-form{
        width: 33%;
        display: flex;
    }
    input[value="Create Project"]{
            margin-bottom: 3%;
     padding:1%;
    }
    .actions{
        text-align: center;
    }
    /*.fancybox-opened{
        position: absolute;
        opacity: 1;
        padding-bottom: 5% !important;
        padding-right: 5% !important;
        overflow: visible;
      } */
      .fancybox-inner{
        height: auto !important;
        overflow: hidden!important;
      }
      #add_picklist_modal{
        height: 100% !important;
      }
      #auto-complete-members-search{
        display: none;
        width: 100%;
        margin-top: 3% !important;
      }
      .add-asset{
        cursor: pointer;
      }
      #project-team .auto-suggest{
            width: 100% !important;
      }
      input[name="medium[file_pointer]"]{
        display: inline-block;
        width: 20px;
        padding: 22px 0 0 0;
        height: 0;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: url('/assets/add icon.png') center center no-repeat #e4e4e4;
        border-radius: 20px;
        background-size: 20px 20px;
      }
      .add-image{
            width: 100px;
      }
      .add-image .t-dark.t-10{
        margin-top: 5px;
      }
      .fancybox-image{
        width: 95% !important;
      }
      .ui-dialog.ui-widget.ui-widget-content,.ui-front{
            z-index: 9999 !important;
      }
    .bg-title{
      display: flex;
    }
    .bg-title .t-14{
      width: 24%;
    }
    .bg-title .loader-progress-bar{
        width: 61%;
    }
    .bg-title .add-image{
        width: 15%;
    }
    .owl-pagination{
      display: none;
    }
    #dialog{
      display: none;
    }
    /*
*   Owl Carousel Owl Demo Theme
* v1.23
*/

.owl-theme .owl-controls{
  margin-top: 10px;
  text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
  color: #FFF;
  display: inline-block;
  /*zoom: 1;*/
  display: inline;/*IE7 life-saver */
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #869791;
  filter: Alpha(Opacity=50);/*IE7 fix*/
  opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
  filter: Alpha(Opacity=100);/*IE7 fix*/
  opacity: 1;
  text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
  display: inline-block;
  display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);/*IE7 fix*/
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
  filter: Alpha(Opacity=100);/*IE7 fix*/
  opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
  min-height: 150px;
  background: url(/AjaxLoader.gif) no-repeat center center
}

#owl-demo .owl-item > div img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom:4px;
}

#owl-demo .owl-item > div{
  background : #42bdc2;
  text-align: center;
  padding:50px 0px;
  margin:3px;
  color: white;
  font-size:32px;
  border:1px white;
}

.wrapper-with-margin{
  margin:0px 50px;
}


.owl-theme .owl-controls .owl-buttons div {
  position: absolute;
}

.owl-theme .owl-controls .owl-buttons .owl-prev{
  left: -28px;
  top: 25px;
}

.owl-theme .owl-controls .owl-buttons .owl-next{
  right: -28px;
  top: 25px;
}
  .icon-white{
    vertical-align: middle !important;
  }
  .owl-theme .owl-controls .owl-buttons div{
    padding: 4px 7px !important;
  }
  .add-product-image-fields {
        border: 1px solid;
    padding: 12px 14px;
    background-color: #ebebeb;
    height: 15px;
    margin-top: 15px;
  }
  /* required, although an apparent no-op */
 /* ::-webkit-scrollbar {
    color: inherit;
  }*/
  /* leave most bars alone */
  /*::-webkit-scrollbar-thumb {
      background-color: grey;
  }*/
  /* this is the one we care about */
  /*#customScrollDiv::-webkit-scrollbar-thumb {
      background-color: grey;
  }*/
  /* we apply the style to actually hide it*/
  /*.hideThumb::-webkit-scrollbar-thumb {
      display: none;
  } */
  /* required, although an apparent no-op */
  /*.hideThumb {
      background-color: white;
  }*/

  #auto-complete-user-search{
        width: 200px;
    padding: 2%;
  }
  .team-users .auto-suggest{
    width: 205px;
  }
  .remove-media{
    background-color: #ebebeb;
    padding: 4px 8px;
  }
  .auto-suggest-project {
    background: white;
    position: absolute;
    width: 94%;
    padding: 5px;
    border: 1px solid;
    cursor: default;
  }
.category-input.edit-box-width{
  width: 100% !important;
}
.warning-container-for-picklist{
  text-align: center;
}
#project_detail_modal_container{
  bottom: 3% !important;
 /* position: absolute !important;
  width: 100% !important;*/
}
#new-preloader{
    position: absolute;
  vertical-align: middle;
  height: 230%;
  width: 100%;
  text-align: center;
  /* background: #000;
  opacity: .5; */
  z-index: 8888;
  margin-top: -45px;
  display: none;
}
#new-preloader img{
    margin-top: 15%;
}
.custom-notes-textarea{
  padding-left: 2%;
  padding-top: 2%;
  height: 25px;
  width: 200px;
  background: #ebebeb;
  border: none;
  border-radius: 5px;
}

.fancybox-next span{
  background-size: contain !important;
}

.fancybox-prev span{
  background-size: contain !important;
}