/*================================================================================
        Item Name: Robust - Responsive Admin Template
        Version: 2.0
        Author: PIXINVENT
        Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
.quantity {
    width: 80px;
}

.price {
    width: 120px;
}

.discount {
    width: 75px;
}

.form-control {
    padding: .55rem .50rem;
}

.cart_item .form-control,
.invoice_smmary .form-control {
    /*height: 20px;*/
}

@media (max-width: 575px) {
    .app-content {
        padding:0px!important;
    }
}


ul.note_sticky h2 {
    font-weight: bold;
    font-size: .7rem;
}
ul.note_sticky p {
    font-family: 'Reenie Beanie';
    font-size: .5rem;
}

ul.note_sticky{
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
ul.note_sticky,
ul.note_sticky  li{
    list-style:none;
}

ul.note_sticky li a{
    text-decoration:none;
    color:#000;
    background:#ffc;
    display:block;
    min-height:1em;
    width:7em;
    padding:.5em;
    box-shadow: 5px 5px 7px rgba(33,33,33,.7);
    transform: rotate(-6deg);
    transition: transform .15s linear;
}

ul.note_sticky li:nth-child(even) a{
    transform:rotate(4deg);
    position:relative;
    top:5px;
    background:#cfc;
}
ul.note_sticky li:nth-child(3n) a{
    transform:rotate(-3deg);
    position:relative;
    top:-5px;
    background:#ccf;
}
ul.note_sticky li:nth-child(5n) a{
    transform:rotate(5deg);
    position:relative;
    top:-10px;
}

ul.note_sticky li a:hover,
ul.note_sticky li a:focus{
    box-shadow:10px 10px 7px rgba(0,0,0,.7);
    transform: scale(1.25);
    position:relative;
    z-index:5;
}

ul.note_sticky  li{
    margin:.5em;
    padding:5px;
}
.out_of_print {
    float: right;

}

.user_profile_sm {width: 25px; height: 25px;}

#bmc .card-content{position: relative;  }
#bmc .block{position: absolute;  }
#bmc .block1{width: 20%; height: 500px; left: 0px; top: 0px;  }
#bmc .block2{width: 20%; height: 250px; left: 20%; top: 0px;}
#bmc .block3{width: 20%; height: 250px; left:  20%; top: 250px;}
#bmc .block4{width: 20%; height: 500px; left:40%; top: 0px;}
/*#bmc .block6{width: 20%; height: 200px; }*/
#bmc .block5{width: 20%; height: 250px; left: 60%; top: 0px;}
#bmc .block6{width: 20%; height: 250px; left:  60%; top: 250px;}
*#bmc .block7{width: 20%; height: 500px; left:80%; top: 0px;}*
#bmc .block8{width: 50%; height: 200px; left: 0px; top: 500px;  }
#bmc .block9{width: 50%; height: 200px; left:  50%; top: 500px;  }

#swot{}
#swot .block{width: 50%; height: 250px; }
/*    #swot  #block1{width: 50%; height: 200px; }
    #swot  #block2{width: 50%; height: 200px; }
    #swot  #block3{width: 50%; height: 200px; }
    #swot  #block4{width: 50%; height: 200px; }*/
#porter5forces{}
#porter5forces .block{ width: 20%;height: 500px;}
#pestel{}
#pestel .block{ width: 16.66%;height: 500px;}
.block h4{padding: 10px; background: #f5f5f5;}

.sv_comment{  
    /* box-sizing: padding-box; */
    overflow:hidden;
    /* demo only: */
    padding:10px;
    /*        width:250px;*/
    font-size:14px;
    /*        margin:50px auto;*/
    display:block;
    border-radius:10px;
    border:6px solid #556677;
}

.workitem_meta{}
.workitem_meta li{float: left; list-style: none; padding: 10px 5px; position: relative;}
/*!* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<*/
/*File upload  */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<< *!*/ 


.btn-upload-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.btn-upload {
    border: 0px solid gray;
    color: gray;
    background-color:  #953f98!important;
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
}

.btn-upload-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}


.upload_field input.input_file::-webkit-file-upload-button {
    border: none;
    color: #fff;
    font-weight: 500;

    background-color:  #953f98 !important;
    padding: 4px 18px;
    border-radius: 30px;
    cursor: pointer;
    box-shadow: 2px 1px 9px -3px #25c171;
}

#myVueModalWorkitemManager .modal-body{padding-top:0px;}
#myVueModalWorkitemManager  .modal-header{background:#37BC9B; }
#myVueModalWorkitemManager  .modal-header h4{color: #ffffff;}