/*
* BEGIN :: DAM
*/
.chv3-file-icon {width: 100%;height: 100%;background-color: #bbb;position: relative;display: table;}
.chv3-file-icon span {text-transform: uppercase;color: #444;font-size: 30px;display: table-cell;text-align: center;vertical-align: middle;}
.list-view .chv3-hub-media-grid-item {text-align: left;padding: 15px 0px;margin: 0;}
.list-view .col-sm-12 {border-bottom: 1px solid #eaeaea;}
.list-view .col-sm-12:first-of-type{border-top: 1px solid #eaeaea;}
.list-view .chv3-hub-media-grid-item .chv3-hub-media-grid-icon {width: 50px;height: 50px;margin: 0px 15px 0px 0px;float: left;}
.list-view .chv3-hub-media-grid-item .media-title {float: left;font-size: 16px;margin: 0;padding-top: 13px;}
.list-view .chv3-hub-media-grid-item .btn-group {float: right;padding-top: 14px;}
.chv3-hub-media-grid .search-collapse-display {width: 100%;margin-bottom: 20px;}
#media-search-collapse.in,#media-search-collapse.collapsing {display: block!important;}
#media-search-collapse input[name="media_search"] {margin-bottom: 20px;}
.hub-media-grid-filter .media-folder-collapse-toggle, .media-folder-collapse-toggle:focus, .media-folder-collapse-toggle:hover {color: inherit;}
.hub-media-grid-filter .media-folder-collapse-toggle i {padding-right: 10px;}
.hub-media-grid-filter .media-folder-collapse-toggle.collapsed i.bi-caret-down-fill {display: none;}
.hub-media-grid-filter .media-folder-collapse-toggle:not(.collapsed) i.bi-caret-down-fill {display: inline-block;}
.hub-media-grid-filter .media-folder-collapse-toggle:not(.collapsed) i.bi-caret-right-fill {display: none;}
.hub-media-grid-filter div[id^="sub-folders-"] label {margin-left: 20px;}
.hub-media-grid-filter div[id^="sub-folders-"] label input[type="checkbox"].checkbox-child {margin-left: -20px;}
@media (min-width: 992px){
    .list-view .chv3-hub-media-grid-item .media-title {width: 460px;}
}
@media (max-width: 991px) and (min-width: 768px){
    .list-view .chv3-hub-media-grid-item .media-title {width: 290px;}
}
@media screen and (min-width:768px) {
    #media-search-collapse{display: block!important;visibility:visible!important;}
}
@media (max-width: 767px){
    #media-search-collapse {margin-top: 20px;margin-bottom: 20px;}
    #media-search-collapse input[name="media_search"] {width: 100%;}
    .list-view .chv3-hub-media-grid-item .chv3-hub-media-grid-icon {width: 35px;height: 35px;}
    .list-view .chv3-hub-media-grid-item .media-title {font-size: 14px; float: none; clear: both;}
    .list-view .chv3-hub-media-grid-item .btn-group {position: absolute;top: 0;right: 0;padding-top: 22px;}
}
/*
* END :: DAM
*/

/*
* Hub MVC
*/
.hub-mvc-pagination{ margin-top:50px; }
.hub-mvc-pagination .btn-skel-generic.more, .hub-mvc-pagination .btn-skel-generic.more-disabled{margin-right: 0px;}
.hub-mvc-pagination .btn-skel-generic.mvc-more, .hub-mvc-pagination .btn-skel-generic.more-disabled {float: right !important;}
.hub-mvc-pagination .btn-skel-generic.mvc-less, .hub-mvc-pagination .btn-skel-generic.less-disabled {float: right !important; margin-right: 10px;}
.hub-mvc-refresh-pagination ul.pagination{margin:0px!important;}

/*
* Hubcaps
*/
.loggedin+.hubcap div.single-cap+.loggedout{display: none;}
.loggedout+.hubcap div.single-cap+.loggedin{display: none;}
.hubcap-title #tips ul li{ padding-top: 10px; padding-bottom: 10px; }
span.fake-link{ color: #08c; text-decoration: none; cursor: pointer; }
span.fake-link:hover{ text-decoration: underline; }
.box.cap-head{ /*border-color: #CCC;*/ border: 1px solid #CCC; background: #F8F8F8; padding: 6px 10px; }
.box.cap-head-meta{ /*border-color: #CCC;*/ border: 1px dashed #000; background: #FFF; padding: 6px 10px; }
div.hubcap-title{ margin-top: 0px; margin-bottom: 20px; }
div.no-caps p { padding: 75px 15px; font-weight: bold; }
.hubcap-edit .alert form{ margin-bottom: 0px; }
.hubcap-edit .alert form select{ width: 200px; }
.hubcap-container { max-width: 100%;  }
.hubcap-container .carousel{ margin-bottom: 0px; }
.hubcap-container .cap-row{ clear: both; margin-bottom:15px; }
.hubcap-container .cap-row-edit{ margin-bottom: 15px; clear: both; }
.hubcap-container .row-edit-meta{ margin: 0; color: #000; }
.hubcap-container .row-meta-header p{ margin: 0; }
.hubcap-container .row-meta-header{ font-size: 18px; padding:10px 0px;background-color: #f0f0f0; border-bottom: 2px solid #ddd; }
.hubcap-container .new-cap .well{ padding: 8px; }
.hubcap-container .cap-row .cap h4{ font-size: 16px; }
.hubcap-container .cap-generic-content-wrap p:last-child {margin-bottom: 0px;}
.hubcap-container .cap-edit{ margin-bottom: 50px!important;padding-bottom: 15px; border-bottom:2px dashed #CCC;}
.cap-row-edit .cap-edit{ margin-bottom: 40px; }
.hubcap-container .cap-column .cap{ margin-bottom: 15px; }
.hubcap-container .cap-column .single-cap{ margin-bottom: 15px; }
.cap-generic-title-wrap{ margin-bottom: 10px; }
.hubcap-container .shadow{ padding:8px; background: #FFF; border: 1px solid #EAEAEA;  box-shadow: 0 2px 7px rgba(100,100,100,0.1); -webkit-box-shadow: 0 2px 7px rgba(100,100,100,0.1); -moz-box-shadow: 0 2px 7px rgba(100,100,100,0.1); }
.hubcap-container .custom_colors{ padding: 5px 7px; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.hubcap-container .gray_border{ padding: 15px 25px; background: white;border: 3px solid #e5ded6;border-color: rgba(0, 0, 0, 0.1);border-radius: 5px; }
.hubcap-container .cap img{ max-width: 100%; }
.hubcap-container .custom_colors p, .hubcap-container .custom_colors a, .hubcap-container .custom_colors a:visited, .hubcap-container .custom_colors a:hover{ color: inherit; }
.hubcap-container .custom_colors a{ text-decoration: underline; }
.cap-highlight { border-top: 2px dashed #d6e9c6; border-bottom: 2px dashed #d6e9c6; background: #dff0d8; height: 40px; margin: 20px 0px; }
.cap-row-highlight { border-top: 2px dashed #d6e9c6; border-bottom: 2px dashed #d6e9c6; background: #dff0d8; height: 80px; margin: 20px 0px; clear: both; }
#hubcap-container .single { border-bottom: 1px solid #EAEAEA; margin-bottom: 8px; padding-bottom: 8px; }
.hubcap-container .carousel a,.hubcap-container .carousel a:active, .hubcap-container .carousel a:hover{ color: #FFF; text-decoration:none; }
.cap-cotton{ min-height: 20px; padding: 8px 8px 13px; background-color: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.cap-edit .cap-cotton, .cap-edit .well, .cap-edit .alert{ min-height: 0px; }
.free-caps .cap-edit{ width: 80%; }
.hubcap-container .mobile_img_scale img{ max-width: 50%; }
h4.cap-generic-title{ margin-top: 2px; }
h2.ch-mvc-title {margin-top: 0px;}
.box-model {width: 400px; height: 350px; text-align: center; border: 1px solid #bbb; margin-bottom: 20px;}
.box-model .box-model-margin {position: relative; height: 100%; background-color: rgb(240,255,130);}
.box-model .box-model-padding {position: absolute; left: 50%; top: 75px; margin-left: -125px; width: 250px; height: 200px; border: 1px solid #000; background-color: rgb(135,122,214);}
.box-model .box-model-content {position: absolute; width: 100px; left: 50%; top: 78px; margin-left: -50px; background-color: rgb(158,215,238); padding: 10px; }
.box-model .form-group {margin: 0px;}
.box-model .box-model-input {position: absolute; width: 40px !important; padding: 0px !important; text-align: center;}
.box-model .box-model-input.box-model-margin-top, .box-model .box-model-input.box-model-padding-top, .box-model .box-model-input.box-model-margin-bottom, .box-model .box-model-input.box-model-padding-bottom {left: 50%; margin-left: -20px;}
.box-model .box-model-input.box-model-margin-top {top: 22px;}
.box-model .box-model-input.box-model-margin-left {top: 156px; left: 15px;}
.box-model .box-model-input.box-model-margin-right {top: 156px; right: 15px;}
.box-model .box-model-input.box-model-margin-bottom {top: 297px;}
.box-model .box-model-input.box-model-padding-top {top: 22px;}
.box-model .box-model-input.box-model-padding-left {top: 80px; left: 14px;}
.box-model .box-model-input.box-model-padding-right {top: 80px; right: 14px;}
.box-model .box-model-input.box-model-padding-bottom {top: 143px;}

.hubcap-mvc-modal {display: none;position: fixed;z-index: 1035;left: 0;top: 0;width: 100%; height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
.hubcap-modal-content {background-color: #FFF;margin: 20px auto;padding: 20px;border: 4px solid #CCC;border-radius: 4px;width: 80%;}
.hubcap-mvc-modal .close {color: #aaa;float: right;font-size: 28px;font-weight: bold;}.hubcap-mvc-modal .close:hover,.hubcap-mvc-modal .close:focus {color: black;text-decoration: none;cursor: pointer;}
.cap-editing-actions,.caprow-editing-actions{ z-index: 99999; }
@media (max-width: 767px){
	.single-cap{ width:100%!important; }
}
