/*

* Override Pages default styles or create your own styles here

*/
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    color: rgba(0, 0, 0, 0.5);
}

.btn-order {
    padding: 2px;
    line-height: .5em;
    border:none;
}

a.list-group-item 
.list-group-item-heading, 
button.list-group-item 
registro.list-group-item-heading {
    color: #8a7ebd;
}

a.list-group-item, 
button.list-group-item {
    color: #8a7ebd;
    background-color: #fff;
    padding: 5px 10px;
}
a.list-group-item .list-group-item-heading:hover,
a.list-group-item .list-group-item-heading:focus,
a.list-group-item:hover, 
a.list-group-item:focus, 
button.list-group-item:hover, 
button.list-group-item:focus {
    text-decoration: none;
    color: #fff!important;
    background-color: #8a7ebd;
}

a.list-group-item:hover .list-group-item-heading,
a.list-group-item:focus .list-group-item-heading{
	color: #fff;
}

a.list-group-item .list-group-item-heading{
	margin: 0;
}

.section-customer {
    background-color: #ecf0f5;
    padding: 15px;
}

.section-details dd{
    margin-bottom: 7px;
}

textarea.form-control.input-sm{
    height: 80px;
}

.bootstrap-timepicker-widget table td input {
    padding: 0;
}

.table.table-sm tbody tr td {
    padding: 7px;
}

.table.table-sm{
    margin-top: 0;
}


h3.title-table {
    text-align: center;
    margin-bottom: 0;
    margin-top: 20px;
    background-color: #22262e;
    color: #fff;
    padding: 2px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
}

.table.table-sm thead tr th {
    background-color: rgba(93, 89, 141, .1);
    color: #22262e;
}

.form-group-default .form-control.autocomplete{
    border-color: #123;
}

.form-group.autocomplete {
    border-color: rgba(93, 89, 141, .4);
}

.library .content-lib, .grid-text{
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px!important;
    padding-bottom: 20px!important;
}

.library .content-lib .media, .content .media-1,.library .content-lib .media-2, .grid-text .item-grid-text{
    width: 150px;
    height: 150px;
    margin: 7px;
    background-size: cover;
    border: 1px solid rgb(200,200,200);
    cursor: pointer;
    position: relative;
    border-radius: 7px;
}

.library .content-lib .media .media-options,.library .content-lib .media-2 .media-options, .grid-text .item-grid-text .item-grid-options{
    position: absolute;
    top: 45%;
    left: 35px;
    display: none;
}

.library .content-lib .media-2 .media-options{
    left: 20px;
}

.grid-text .item-grid-text .item-grid-options{
    top: 65%;
    left: Calc(50% - 29px);
 }

.grid-text .item-grid-text .item-grid-title{
    text-align: center;
    padding: 15px;
}

.library .content-lib .media:hover .media-options,.library .content-lib .media-2:hover .media-options, .grid-text .item-grid-text:hover .item-grid-options{
    display: block;
}

.library .content-lib .media:before, .library .content-lib .media-2:before{
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    display: none;
}

.library .content-lib .media:hover:before, .library .content-lib .media-2:hover:before{
    display: block;
}