/*Global*/
.width-50{
    width: 50%;
}
.width-100{
    width: 100%;
}
.width-45{
    width: 45%;
}
.width-40{
    width: 40%;
}
.pad-l-0{
    padding-left: 0;
}
.pad-r-0{
    padding-right: 0;
}
.clear-b{
    clear: both;
}
.m-t-30{
    margin-top:30px;
}
.dis-none{
    display: none;
}
/*End Global*/

/*Slaughter*/
.sub-header-slaughter{
    margin-top: 30px;
    margin-bottom: 19px;
    font-weight: 800;
}

#add-animal .modal-header{
    padding: 7px;
}

#confirmLabel{
    text-align: left;
}
.provider1, .transmitter-car{
    width: 45%;
    float: left;
    overflow: hidden;
}
.provider2, .transmitter-number{
    width: 45%;
    float: right;
    overflow: hidden;
    margin-top: 7px;
}

/*End Slaughter*/
.modal-dialog{
    margin-top: 150px  !important;
}
.modal-backdrop.fade {
    opacity: 0.5;
}
.attach-tab li{
    list-style: none;
    border: 1px solid black;
    text-align: center;
    color: black;
}
.attach-tab{
    margin-right: 30px;
}


.my-file .queue-vid.active .vid-desc{
    color: #716aca;
}

.my-file p{
    height: 28px;
    overflow: hidden;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
}
.m-demo .m-demo__preview {
    background: #fff;
    border: 1px solid #f7f7fa;
    padding: 0;
}

.modal-header {
    justify-content: normal;
}

/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}




/*************** SIMPLE INNER SCROLLBAR ***************/
header
{
    font-family: 'Lobster', cursive;
    text-align: center;
    font-size: 25px;
}


.scrollbar
{
    height: 127px;
    overflow-y: scroll;
}

.force-overflow
{
    min-height: 150px;
}

#wrapper
{
    text-align: center;
    width: 500px;
    margin: auto;
}


/*
 *  STYLE 3
 */

#style-3::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar
{
    width: 2px;
    background-color: #F5F5F5;
    border: none;
}

#style-3::-webkit-scrollbar-thumb
{
    background-color: #716aca;
    border-radius: 5px;
}

.remove-file i{
    color: black;
}

.remove-file:hover{
    text-decoration: none;
}
.remove-file{
    margin-right: 7px;
}
.file-uploads .input-group-btn {
    display: inline-table;
}
.file-uploads .btn{
    padding: 6px 10px !important;
}
.select2-container--default{
    width: 100%!important;
}
#animal-modal-title{
    margin-right: 305px;
    margin-left: 18px;
}
.field-slaughter-animal{    
    margin-top: -16px;
}
.input-group .input-group-addon {
    padding: 5px 20px;
}