/* Move down content because we have a fixed navbar that is 50px tall */
body, html { height: 100%; }
body { padding-top: 50px; padding-bottom: 20px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.p-r { position: relative; }
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content { padding-left: 15px; padding-right: 15px; margin-top: 10px;  }
.body-content > .row { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.page_loader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999999; background: /*url(../images/loader.gif) center no-repeat*/ rgba(0,0,0,0.6); }
.page_loader #loadmsg { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); font-size: 14px !important; color: white !important; }
.page_loader #loadmsg h1 {color: white!important; }
.page_loader #loading {display:block; width: 50px; height: 50px; margin:0 auto; border: 3px solid rgba(255,255,255,.3); border-radius: 50%; border-top-color: #fff; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite; }
@keyframes spin {
    to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    to { -webkit-transform: rotate(360deg); }
}
/* Override the default bootstrap behavior where horizontal description lists 
will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt { white-space: normal; }
footer { background-color: #ffffff; border-top: 1px solid #edf5f8; height:60px; line-height:60px; vertical-align:middle; }
/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] { max-width: 280px; }

input#endpoint, input#endpoints {max-width:none;width:94%;}
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) { .jumbotron { margin-top: 20px; }
.body-content { padding: 0; }
}
#homepage { background-color: #171105; height: 100%; background-image: url(/Content/images/bgimage.jpg); background-position: 50% 50% !important; background-size: cover; background-repeat: repeat-x; }
#homepage h2 { color: #ffffff; }
#homepage h4, #homepage h5 { color: #9f9c9d; }
#homepage h5 { cursor: pointer; }
#homepage #loginForm { margin: 0 auto; display: block; float: none; background-color: #ffffff; -webkit-box-flex: 1; border: 1px solid transparent; -moz-border-radius: 4px; border-radius: 4px; } /*background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); background-color: rgba(0,0,0,0.2);*/
#homepage #loginForm button, #homepage #loginForm input { margin: 5px auto; }
#homepage #loginForm {padding: 20px 0; }
#homepage .form-group { margin-bottom: 5px; }
#homepage #loginStatus { margin: 15px; color: #9f9c9d; text-align: left; }
#homepage footer { position: fixed; bottom: 20px; width:96%; background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ background-color: rgba(0,0,0,0.2); margin-top: 20px; border-top: none; }
#homepage footer  * { color: white !important; }
#terms { background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ background-color: rgba(0,0,0,0.2); color: white; padding: 20px; }
.termsBox legend { font-size: 18px; font-weight: 500; line-height: 1.1; color: #41abf3; }
.termsBox i { font-size: 11px; }
.navbar-collapse { line-height: 60px; height: 60px; }
.navbar-collapse button { cursor: pointer; line-height: 1.5; display: inline-block; vertical-align: middle; color: #ff6061; background-color: rgb(255, 255, 255); margin-left:10px;font-weight:700; }
.navbar-collapse button:hover { color: white; background-color: #41abf3; }
#contentFilters * { cursor: pointer; font-weight:normal; }
#contentFilters .fa-calendar {font-size:25px; }
#contentFilters input[type="radio"], #contentFilters input[type="checkbox"] { content: ""; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; width: 14px; height: 14px; margin: -1px 4px 0 0; vertical-align: middle; background-clip: padding-box; border: 2px solid #41abf3; background-color: #ffffff; -moz-border-radius: 50%; border-radius: 50%; }
#contentFilters input[type="checkbox"] { -moz-border-radius: 30%; border-radius: 30%; }
#contentFilters input[type="radio"]:checked, #contentFilters input[type="checkbox"]:checked { background-color: #41abf3; background-image: radial-gradient(circle, #41abf3 50%, white 50%); -webkit-transition: background-color 0.4s linear; -o-transition: background-color 0.4s linear; -moz-transition: background-color 0.4s linear; transition: background-color 0.4s linear; }
#contentFilters input[type="checkbox"]:checked { background-image: radial-gradient(ellipse, #41abf3 50%, white 50%) }
#datepickers li { height: 38px; line-height: 38px; }
#datepickers li * { cursor: pointer; line-height: 1; display: inline-block; vertical-align: middle; }
#media-folders { padding-right: 15px; }
#media-folders h5 {position:relative; border-radius: 4px; background-color: #41abf3; color: white; padding: 8px 0; margin-top: 0; }
#media-folders ul { list-style: none; }
#media-folders li { list-style-position: inside; border-top: #67757c 1px dashed; padding: 6px 0; position:relative; z-index:0;  }
#media-folders li > span {max-width: calc(100% -30px;) }
#media-folders li:hover, #media-folders li a:visited { color: #41abf3; cursor: pointer; }
#admin-nav li a:hover, #admin-nav li a:active, #admin-nav li a:focus, #admin-nav li:hover *, #media-folders li:hover *, #media-folders li a:hover, #media-folders li a:active, #media-folders li a:focus { color: #ff6061 !important; text-decoration: none; }
#media-folders li i { cursor: pointer; position: absolute; top: 50%; right: 5px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 9; }
#admin-nav { list-style: none; }
#admin-nav li { list-style-position: inside; color: #67757c !important; padding: 4px 0; }
#admin-nav li * { color: #67757c !important; text-decoration: none; }
#admin-nav li:hover { color: #ff6061 !important; cursor: pointer; text-decoration: none; }
#admin-nav li:hover * { color: #ff6061 !important; text-decoration: none; }
#admin-nav li.active, #media-folders li.active { /*border-radius: 4px; background-color: #41abf3; padding: 8px 0; margin-top: 0; text-indent: 10px; border-top:none;*/}
#admin-nav li.active *, #media-folders li.active *, #media-folders li.active a { color: #ff6061 !important; font-weight: bold; text-decoration: none; }
.fa { padding: 0 4px 0 8px; }
.btn .fa { padding: 0 4px 0 0px; }
.fa-fn { -webkit-transform: scale(0.5,1); -moz-transform: scale(0.5,1); -ms-transform: scale(0.5,1); -o-transform: scale(0.5,1); transform: scale(0.5,1); font-size: 24px !important; }
.fa-fw { -webkit-transform: scale(1.5,1); -moz-transform: scale(1.5,1); -ms-transform: scale(1.5,1); -o-transform: scale(1.5,1); transform: scale(1.5,1); }
#mediaFilters {height:34px; width: 23%; padding: 0; text-align: center; }
#mediaFilters span { font-size: 10px;line-height:12px;padding:0; }
#mediaFilters div { padding: 0; text-align: center; }
#mediaFilters i { width: 33.33%; padding: 0; text-align: center; vertical-align: middle; cursor: pointer; font-size: 14px; }

#gridDesign { height: 50px; width: calc(100% - 20px)!important; padding: 0; text-align: center; }
#gridDesign span { font-size: 11px; line-height: 12px; padding: 0; }
#gridDesign div div { padding: 0; text-align: center; width: 90%; display: block; margin: 0 auto; }
#gridDesign i { width: 33.33%; padding: 0; text-align: center; vertical-align: super; font-size: 10px; }
#gridDesign .ui-slider-range { background: rgb(65, 171, 243) 50% 50% repeat-x; }
#gridDesign .ui-slider-handle { border: 2px solid #ff6061; background: #fff 50% 50% repeat-x;font-size:16px; font-weight: normal; color: #fff; top:-4px;cursor:pointer;}
#gridDesign .ui-widget-content { border: 1px solid #67757c; background: #ffffff 50% 50% repeat-x; color: #fff; }

.d-flex { display: -ms-flexbox !important; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex !important; }
.mb-3, .my-3 { margin-bottom: 1px !important; }
.mb-5, .my-5 { margin-bottom: 3rem !important; }
.stick-side-bar { background-color: #ffffff; padding-left: 0; padding-right: 0; border-right: 1px solid #edf5f8; align-items: stretch; font-size: 12px; }
.stick-side-bar>h4 {padding-left:8px; }
.hub-right { background-color: #edf5f8; border-left: 1px solid #eeeeee; align-items: stretch; }
.hub-right .navbar-collapse { background-color: #ffffff; }
#account-tabs, #hash-tabs, .tabs { margin-top: 3rem !important; text-align: center; -webkit-box-flex: 1; }
#account-tabs button, #hash-tabs button, #more button, .tabs .btn.tab { margin: 2px 2px; background-color: #41abf3; color: white;-webkit-box-flex: 1; }
.justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; -webkit-box-pack: center !important; -ms-flex-pack: justify; }

.gallery { display: -webkit-box; -webkit-box-pack: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; overflow: hidden; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-flow: row wrap;/*position: relative; -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; -webkit-column-width: auto; -moz-column-width: auto; column-width: auto; column-gap: 1px;*/ }
.gallery:after { content: ''; flex-grow: 999999999; min-width: 150px; height: 0; }
.gallery .media { position: relative; display: inline-block; height: 200px; width: 200px; margin: 1px; -webkit-box-flex: 1; flex-grow: 1; -webkit-transition: all 350ms ease; -o-transition: all 350ms ease; -moz-transition: all 350ms ease; transition: all 350ms ease; }
.img-fluid { height: 200px; width: 200px; object-fit: cover; max-width: 100%; min-width: 100%; vertical-align: bottom; -webkit-object-fit: fill; }
html.no-flexbox div.gallery div.media, html.no-flexbox .img-fluid { max-width: 25% !important; }
.gallery .animation { /*-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);*/ }
.gallery i  { position: absolute; top: 2px; right: 2px; color: #41abf3; font-size: 24px; width: 24px; height: 24px; cursor: pointer; }
.gallery i.fa-square { color: #ffffff; background-color: #a4a7a8; padding: 0 0 0 2px; }
.gallery i.fa-square:before { font-size: 20px; font-family: 'FontAwesome'; content: "\f0c8"; color: white; position: absolute; top: 2px; left: 3.5px; }
.gallery i.fa-check-square { color: #00d854; background-color: #ffffff; margin: 4px 6px 0 0; width: 16px; height: 16px;  }
.gallery i.fa-check-square:before { left: 0px; top: -4px; position: absolute;  }
.gallery i.fa-folder { top: 28px; color: #ffffff; background-color: #ff6061; font-size: 18px; padding: 3px 0 0 2px; }
.gallery i.fa-folder-open { top: 28px; color: #ffffff; background-color: #ff6061; font-size: 18px; padding: 4px 0 0 4px; }
.gallery i.fa-ban, .gallery i.fa-registered { top: 54px; color: #ffffff; background-color: #ff6061; }
.gallery i.fa-trash, .gallery i.fa-undo { font-size: 20px; top: initial; bottom: 5px; right: 0; color: white; text-shadow: -1px -1px 0 #fff, 1px -1px 0rgba(0,0,0,0.3), -1px 1px 0rgba(0,0,0,0.3), 1px 1px 0 rgba(0,0,0,0.3); -webkit-text-stroke: 1px rgba(0,0,0,0.3); }
.gallery i.fa-comment { top: 80px; color: #ffffff; background-color: #41abf3; font-size: 18px; padding: 4px 0 0 3px; }
.gallery i.fa-comment:before { position: absolute; bottom: 4px; }
.gallery i.fa-instagram { left: 6px; top: initial; bottom: 10px; color: white; /*color: rgba(65,171,243,0.9);*/ background-color: transparent; width: 29px; height: 29px; font-size: 29px; padding: 4px 0 0 3px; text-shadow: 1px 1px rgba(0,0,0,0.3); }
.gallery span.likes { position: absolute; bottom: 10px; left: 38px; color: white; /*color: rgba(65,171,243,0.9);*/ background-color: transparent; font-size: 22px; width: 22px; height: 22px; z-index: 6; }
.gallery span.likesCount { position: absolute; top: 50%; left: 40px; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); color: white; /*color: #ff6061;*/ font-size: 12px; width: 100%; height: 22px; z-index: 8; text-align: center; vertical-align: middle; line-height: 22px; text-shadow: 1px 1px rgba(0,0,0,0.3); }
.gallery i.fa-heart-o { font-size: 22px; width: 22px; height: 22px; top: 0; left: -5px; right: initial;}
.gallery span.likes:hover span.likesCount { color: white; }
.gallery span.likes span.likesCount:before { position: absolute; top: 0; left: -26px; /*transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);*/ font-family: 'FontAwesome'; content: "\f08a"; color: white; /*color: rgba(65,171,243,0.9);*/ font-size: 22px; z-index: -1; }
.gallery span.likes:hover span.likesCount:before { position: absolute; top: 0; left: -26px; /*transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);*/ font-family: 'FontAwesome'; content: "\f004"; color: white; /*color: rgba(65,171,243,0.9);*/ font-size: 22px; z-index: -1; }
.gallery .trashed {display:none!important; }

p.clearBoth { display: table; clear: both; width: 100%; height: 1px; }
#more { padding-top:20px; }
h4 {position:relative; }
#designSettings { font-size: 22px; cursor: pointer; position: absolute; top: 50%; right: 45px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }


#commentsMedia .img-fluid {margin:4px 0;}
#commentsMedia .p-r i { position: absolute; top: 12px; right: 20px; background-color: #ffffff; color: #41abf3; font-size: 24px; width: 24px; height: 24px; cursor: pointer; }
#commentsMedia i.fa-square { color: #41abf3; background-color: #ffffff; padding: 0 0 0 1px; }
#commentsMedia i.fa-check-square { color: #41abf3; background-color: #ffffff; padding: 0 0 0 1px; }
#commentsMedia .p-r i.fa-folder { top: 40px; color: #ffffff; background-color: #ff6061; font-size: 18px; padding: 3px 0 0 4px; }
#commentsMedia .p-r i.fa-folder-open { top: 40px; color: #ffffff; background-color: #ff6061; font-size: 18px; padding: 4px 0 0 4px; }
#commentsMedia i.fa-instagram { left: 21px; top: initial; bottom: 10px; color: white; /*color: rgba(65,171,243,0.9);*/ background-color: transparent; width: 29px; height: 29px; font-size: 29px; padding: 4px 0 0 3px; text-shadow: 1px 1px rgba(0,0,0,0.3); }
#commentsMedia span.likes { position: absolute; bottom: 10px; left: 53px; color: white; /*color: rgba(65,171,243,0.9);*/ background-color: transparent; font-size: 22px; width: 22px; height: 22px; z-index: 6; }
#commentsMedia span.likesCount { position: absolute; top: 50%; left: 43px; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); color: white; /*color: #ff6061;*/ font-size: 12px; width: 100%; height: 22px; z-index: 8; text-align: center; vertical-align: middle; line-height: 22px; text-shadow: 1px 1px rgba(0,0,0,0.3); }
#commentsMedia i.fa-heart-o { font-size: 22px; width: 22px; height: 22px; top: 0; left: -5px; right: initial; }
#commentsMedia span.likes:hover span.likesCount { color: white; }
#commentsMedia span.likes span.likesCount:before { position: absolute; top: 0; left: -26px; /*transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);*/ font-family: 'FontAwesome'; content: "\f08a"; color: white; /*color: rgba(65,171,243,0.9);*/ font-size: 22px; z-index: -1; }
#commentsMedia span.likes:hover span.likesCount:before { position: absolute; top: 0; left: -26px; /*transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);*/ font-family: 'FontAwesome'; content: "\f004"; color: white; /*color: rgba(65,171,243,0.9);*/ font-size: 22px; z-index: -1; }


@media (max-width: 450px) {
    .gallery { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-width: 100%; -moz-column-width: 100%; column-width: 100%; }
}

@media (max-width: 400px) {
.btn.filter { padding-left: 1.1rem; padding-right: 1.1rem; }
}
#widgetContainer {resize: both; position: relative; }
#commentslist, #accountlists, #feedlists, #usersFeedlists, #splash { background-color: white; }
#widgetContainer { background-color: transparent; margin: 8px 0; }
#commentslist ul, #accountlists ul, #feedlists ul, #usersFeedlists ul, #widgetContainer ul { list-style: none; padding: 20px 0; margin: 0; }
#commentslist li, #accountlists li, #feedlists li, #usersFeedlists li, #widgetContainer li { display: inline-block; list-style-position: inside; border-bottom: #67757c 1px dashed; padding: 6px 0; line-height: 22px; vertical-align: middle; position: relative; }
#feedlists li div.w-75, #accountlists li div.w-755, #usersFeedlists li div.w-75 { position: absolute; top: 50%; transform: translateY(-56.25%); -webkit-transform: translateY(-56.25%); -ms-transform: translateY(-56.5%); }
#addfeed button, #accountlists li button, #feedlists li button, #usersFeedlists li button, #commentslist li button { margin: 0 2px; border-radius: 4px; background-color: #aeb2b3; color: white; }
#feedlists li button, #accountlists li button, #usersFeedlists li button { width: 96%; }
#feedlists li, #accountlists li, #usersFeedlists li { position: relative; cursor: pointer; vertical-align: middle; line-height: 48px }
#feedlists li:hover a, #accountlists li:hover a, #usersFeedlists li:hover a { color: #ff6061 !important; text-decoration: none; }

#addfeed button:hover, #accountlists li button:hover, #feedlists li button:hover, #usersFeedlists li button:hover, #commentslist li button:hover { background-color: #41abf3; }
/* Overlay */
#simplemodal-overlay { background-color: #000; cursor: not-allowed; }

/* Container */
#simplemodal-container { height: 420px; width: 420px; color: #bbb; background: #030303; border: 1px solid transparent; border-radius: 4px; padding: 0px; background-color: #FFF; }
@media (max-width: 450px) {
    body.libraryModal #simplemodal-container { height: 420px; width: 420px; }
    #widgetspg #simplemodal-container { height: 420px; width: 420px; }
}

@media (min-width:768px) {
    body.libraryModal #simplemodal-container { height: 520px; width: 720px; }
    #widgetspg #simplemodal-container { height: 520px; width: 720px; }
}

@media (min-width:992px) {
    body.libraryModal #simplemodal-container { height: 560px; width: 840px; }
    #widgetspg #simplemodal-container { height: 600px; width: 840px; }
}

@media (min-width:1200px) {
    body.libraryModal #simplemodal-container { height: 560px; width: 840px; }
    #widgetspg #simplemodal-container { height: 600px; width: 840px; }
}


#simplemodal-container .simplemodal-data { padding: 0px; }
#simplemodal-container code { background: #141414; border-left: 3px solid #65B43D; color: #bbb; display: block; font-size: 12px; margin-bottom: 12px; padding: 4px 6px 6px; }
#simplemodal-container a.modalCloseImg { background: url(../images/x.png) no-repeat; width: 25px; height: 29px; display: inline; z-index: 3200; position: absolute; top: -15px; right: -16px; cursor: pointer; }
#simplemodal-container h3 { color: #84b8d9; }

/* Modal Overlay */
.modalBox { display: block; margin: 0 auto; width: 98%;  position: relative; color: #343537; font-size: 14px; line-height: 17px; }
.modalBox h2 { padding: 0; margin: 0; border-bottom: 1px solid #e3e3e3; }
body.libraryModal h2 { padding: 8px; margin: 0; border-bottom: none; }
body.libraryModal .termsBox { margin-left: 15px !important; color: #41abf3; }
#widgetspg .modalBox h2 { padding: 8px; margin: 0; border-bottom:none; }
#widgetspg .modalBox .termsBox { margin-left: 15px !important; }
.modalBox p { margin: 23px; float: left; clear: both; width: 290px; }
.formBox { display: inline-block; margin: 5px 15px; background: #f8f8f8; border: 1px solid transparent; width: 93%; height: 100%; clear: both; padding: 15px; list-style: none; align-items: stretch; }
div.libraryModal .formBox { width: 93%; }
body.libraryModal .formBox { width: 96%; }

#widgetspg .formBox { width: 96%; }
.formBox ul, .formBox ul li { display: inline-block !important; list-style: none; list-style-image: none; padding: 0px; margin: 0 0 15px 0; position: relative; width: 100%; clear: both; align-items: stretch; }
.formBox li button.filterWidget, .formBox ul li button.filterWidget { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }
body.libraryModal .formBox ul {clear:both;}
div.libraryModal .formBox ul.col-md-5 { clear: both; width: 99% !important; flex: 0 0 99%; max-width: 99%; }
body.libraryModal .formBox ul.col-md-5 { clear: none; width: 49% !important; flex: 0 0 49%; max-width: 49%; }
body.libraryModal .formBox div { width: 99%; float: left; clear: both; }
body.libraryModal #myLibraiesSection button { background-color: transparent; color: #858585; }
body.libraryModal #myLibraiesSection button.active { background-color: #41abf3; color: white; }
body.libraryModal button#removeLibrary { background-color: #ff6061; color: #ffffff; }
body.libraryModal i.fa-folder-open { color: white; }
#widgetspg .formBox ul { clear: none; width: 49% !important; flex: 0 0 49%; max-width: 49%; }
#widgetspg .formBox div { width: 99%; float: left; clear: both; }
#widgetspg i.fa-folder-open { color: white; }
.modalFooter { width: 99%; float: left; clear: both; }
.modalFooter a { float: right; margin: 10px 20px 0 0; }

.modalFooter p { width: 99%; float: left; margin: 18px 0 0 23px; }
.modalFooter button[type=submit] { background-color: #ff6061; color: #ffffff; }
i#closeModal { font-size: 20px; padding-right: 6px; cursor: pointer; }
i#addlibrary, i#addFeed { font-size: 18px; padding-right: 6px; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
#MyFeedsTitle, #MyLibrariesTitle {cursor:pointer;}

#searchmedia {position:relative; vertical-align:middle; min-height:60px;}
.loadMoreSwitch, .horizontalSwitch, .verticalSwitch { position: relative; display: inline-block; width: 42px; height: 24px; }
.loadMoreSwitch input, .horizontalSwitch input, .verticalSwitch input { opacity: 0; width: 0; height: 0; }
.loadMoreSlider, .horizontalSlider, .verticalSlider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; -o-transition: .4s; -moz-transition: .4s; transition: .4s; }
    .loadMoreSlider:before, .horizontalSlider:before, .verticalSlider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; -o-transition: .4s; -moz-transition: .4s; transition: .4s; }
input:checked + .loadMoreSlider, input:checked + .horizontalSlider, input:checked + .verticalSlider { background-color: rgb(65, 171, 243); }
input:focus + .loadMoreSlider, input:focus + .horizontalSlider, input:focus + .verticalSlider { box-shadow: 0 0 1px rgb(65, 171, 243); }
input:checked + .loadMoreSlider:before, input:checked + .horizontalSlider:before, input:checked + .verticalSlider:before { -webkit-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px); }
.loadMoreSlider.round, .horizontalSlider.round, .verticalSlider.round { border-radius: 24px; }
.loadMoreSlider.round:before, .horizontalSlider.round:before, .verticalSlider.round:before { border-radius: 50%; }

.font-select * { -webkit-box-sizing: border-box; box-sizing: border-box; }
.font-select { font-size: 16px; width: 280px; position: relative; display: inline-block; }
.font-select .fs-drop { position: absolute; top: 38px; left: 0; z-index: 999; background: #fff; color: #000; width: 100%; border: 1px solid #aaa; border-top: 0; box-shadow: 0 4px 5px rgba(0,0,0,.15); border-radius: 0 0 4px 4px; }
.font-select > span { outline: 0; border-radius: 0.25rem; border: 1px solid #ced4da; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 38px; line-height: 32px; padding: 3px 8px 3px 8px; color: #444; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23303030' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.font-select-active > span { background-color: #eee; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.font-select .fs-results { max-height: 190px; width: 100%; width: 100% !important; flex: 0 0 100%; max-width: 100%; overflow-x: hidden; overflow-y: auto; margin: 0; padding: 0; }
#widgetspg .formBox ul.fs-results { max-height: 190px; width: 100%; width: 100% !important; flex: 0 0 100%; max-width: 100%; overflow-x: hidden; overflow-y: auto; margin: 0; padding: 0; }
.font-select .fs-results li { line-height: 80%; padding: 8px; margin: 0; list-style: none; font-size: 18px; white-space: nowrap; }
.font-select .fs-results li.active { background-color: #41abf3; color: #fff; cursor: pointer; }
.font-select .fs-search { border-bottom: 1px solid #aaa; padding: 4px; }
.font-select .fs-search input { padding: 7px; width: 100%; border: 1px solid #aaa; font: 16px Helvetica, Sans-serif; box-shadow: inset 0 1px 3px rgba(0,0,0,.06); border-radius: .1875rem; }

.ui-dialog .ui-widget-header { border: 1px solid #aaaaaa; background: #41abf3 50% 50% repeat-x; color: #ffffff; padding-bottom:3em; }
.ui-widget-header a {color: transparent; }

#ourUsersGrid h4 { position: relative;  vertical-align: middle; line-height: 32px; height:32px; }
#ourUsersGrid button { background-color: #41abf3; color: #ffffff; }
#ourUsersGrid button:hover { background-color: #ff6061; color: #ffffff; }
#ourUsersGrid th { background-color: #41abf3; color: #ffffff; font-weight:500; }
#ourUsersGrid td { position: relative; cursor: pointer; vertical-align: middle; line-height: 34px }
#ourUsersGrid td:hover a { color: #ff6061 !important; text-decoration: none; }
#ourUsersGrid .Accounts, #ourUsersGrid .Actions, #ourUsers .Organization, #ourUsers .Email { text-align: center; }
#ourUsersGrid .Actions {max-width:338px; }

.cbctooltip { position: relative; display: inline-block; opacity: 1; }
h4 .cbctooltip { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.cbctooltip .cbctooltiptext { visibility: hidden; width: 140px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -75px; opacity: 0; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; }
h4 .cbctooltip .cbctooltiptext {font-size:14px;  bottom: initial; margin-left: -90px; margin-top: -50px; }
.cbctooltip .cbctooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; }
.cbctooltip:hover .cbctooltiptext { visibility: visible; opacity: 1; }

h4 .cbctooltip i.fa-clipboard { font-size: 23px; cursor: pointer; position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
button i.fa-clipboard { left: -7px; padding: 0 !important; }

.img-fluid { -webkit-transition: .5s ease; -o-transition: .5s ease; -moz-transition: .5s ease; transition: .5s ease; backface-visibility: hidden; opacity: 0.9; }
.middle { -webkit-transition: .5s ease; transition: .5s ease; opacity: 0; position: absolute; top:0; left:0; /*top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);*/ text-align: center;z-index:999; }
div.media:hover {background-color: #eeeeee; }
div.media:hover .img-fluid { opacity: 1; }
div.media:hover .middle { opacity: 1; }
div.media .text { background-color: transparent; /*color: transparent;*/ font-size: 16px; padding: 8px 8px; z-index: 9999; }

/*video::-webkit-media-controls {  }
video::-internal-media-controls-download-button { display: none !important; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
video::-webkit-media-controls-fullscreen-button { display: none !important; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
video::-webkit-media-controls-enclosure { overflow: hidden; }
video::-webkit-media-controls-panel {  }
video::-webkit-media-controls-enclosure { padding: 0px; height: 30px; }
video::-webkit-media-controls-panel { opacity: 1 !important; display: -webkit-flex !important; margin-top: 30px; height: 30px; background-color: #34495e; border-radius: 0 0 10px 10px; }
video::-webkit-media-controls-timeline { height: 6px; padding: 0px; border: 0px; }
video::-webkit-media-controls-volume-slider, video::-webkit-media-controls-timeline { height: 12px; border-radius: 5px; min-width: 15px; display: none; }
video::-webkit-media-controls-volume-slider::-webkit-media-slider-container, video::-webkit-media-controls-timeline::-webkit-media-slider-container { border: 0px; border-radius: 5px; background-color: #1abc9c; cursor: pointer; }
::-webkit-media-slider-thumb { -webkit-appearance: none; background: red; }
video::-webkit-media-controls-play-button { cursor: pointer; }
video::-webkit-media-controls-play-button:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
video::-webkit-media-controls-fullscreen-button { -webkit-appearance: none; background-color: transparent; cursor: pointer; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAABACAYAAADF2C3zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2N0Q1MjA3MDc5NjYxMUUyQjQzRjk5Mjc1MTU5Qjk0NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2N0Q1MjA3MTc5NjYxMUUyQjQzRjk5Mjc1MTU5Qjk0NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQyQkE2QUZGNzkzQjExRTJCNDNGOTkyNzUxNTlCOTQ1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQyQkE2QjAwNzkzQjExRTJCNDNGOTkyNzUxNTlCOTQ1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1z7uaAAAAVhJREFUeNrsljFuAjEQRb3ACZByii2pECmgySFIGoiUGsEKiaQAimwTToCggSYSNUoJHSfgFJwhMt9oHBlj8Ga2SAqP9KQV7PPY4y1+9PDYEZ4agaHrj4Lwl5LHXFkvsOXKatt1jjykzrq2WeW+Jb6Bhp5BySOvQQLuaKEPYwYnOQLSkpTwBfbUqQam9hDVtieOyaoOGxDTAtNrV9UFqTEc/UGUQeXWmfSZB6BqXMc3aIFlFllY4hP49N2h66p2YJXly3HJ92ABihxZVRPM6BqvViSlFNwqiBwV5CAHOchBDnKQ/5/si4/iOUn5YX0+ec0X1mkBXljH1nlhncTfh3WIF2EdR/gJ677OKqwfdOqHmJ4Nsd17PwU5E/yWgJieY/Biv6MoUVjvOe61j+cGuuwpsLvDOl5KjeFkDusRtiSNKZ6FdXTlhXWIfxTWcf58YR0L3AzrRwEGAJoOgCMfh6hiAAAAAElFTkSuQmCC); background-size: 16px 64px; background-position: center 8px; background-repeat: no-repeat; }
video::-webkit-media-controls-mute-button { -webkit-appearance: none; background-color: transparent; cursor: pointer; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAABACAYAAAATffeWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2N0Q1MjA3NDc5NjYxMUUyQjQzRjk5Mjc1MTU5Qjk0NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2N0Q1MjA3NTc5NjYxMUUyQjQzRjk5Mjc1MTU5Qjk0NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY3RDUyMDcyNzk2NjExRTJCNDNGOTkyNzUxNTlCOTQ1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY3RDUyMDczNzk2NjExRTJCNDNGOTkyNzUxNTlCOTQ1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Gp0GRAAAATdJREFUeNpidIsuYMABwoF4BhCvB+IkXIqYcIj7APEiIBYA4jg0OREgLsJnQAgQrwJiNiifGU3eFIi7gDgPxGEBYnYg1gBiDqizQX5ixOEyCyDeC8SNQNwJxJtABuwHYksGwoAR6q3tQFwKxGlAnMtEpGYQ+A+1NROI+aDedGdiIA2sAWJWaDhcBGIVUg1ABqz4ohEXAMXQbyA+DcRaQHwHZMBxIjWDArEcmrg+AXEYEO8ExYIjUjRGQuOXEUcgghLVOahBoAQ1GWTAT2iAgMBJID4BxPOhBqIDkJwnENcDcQkQP8AWBiuAOBiIf0H5f9HkT0NdMAFfIG4D4gggfgtNPMjgDRD3wgPm////DJSAUQNGDRg1YNSAUQNGDRg1YNSA4WhAUnHraI9ltMcy2mMZDD0WgAADADYlybDQKXdAAAAAAElFTkSuQmCC); background-size: 16px 64px; background-position: center 8px; background-repeat: no-repeat; }
video::-webkit-media-controls-fullscreen-button:hover { -webkit-appearance: none; background-position: center -42px; }
video::-webkit-media-controls-mute-button:hover { -webkit-appearance: none; background-position: center -43px; }
video::-webkit-media-controls-current-time-display, video::-webkit-media-controls-time-remaining-display { font-family: 'Lato', sans-serif; font-size: 13px; font-weight: normal; }*/

[v-cloak] {
    display: none;
}
#loginForm #dbLogin {
    background: #ff6061;color:white;border:0;height:34px;max-width:280px;
}
.load-more .btn {
    background-color: #41abf3;
    color: white;
}

.filters {
    height: 34px;
    width: 23%;
    padding: 0;
    text-align: center;
    font-size: 10px;
    line-height: 12px;
}
.filters i {
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    font-size: 14px;
}

.filters .fa.active {
    color: #00d854;
}
.library-dialog {
    color: #343537;
    font-size: 14px;
    line-height: 17px;
    display: block;
    margin: 20px;
}
    .library-dialog #btnCopyRequestComment {
        font-size: 25px;
        cursor: pointer;
    }
    .library-dialog .btn.active {
        background-color: #41abf3;
        color: white;
    }
    .library-dialog .btn.red {
        background-color: #ff6061;
        color: #ffffff;
    }

    .library-dialog .dialog__title {
        color: #41abf3;
    }
        .library-dialog .dialog__title h2 {
            margin: 0 0 10px 0;
        }
        .library-dialog .dialog__title .sub-title {
            margin: 0 0 10px 0;
        }
    .library-dialog .dialog__title h2>.fa {
        padding: 0 10px 0 0;
    }
    .library-dialog .dialog__text {
        background: #f8f8f8;
        border: 1px solid transparent;
        padding: 15px;
    }
        .library-dialog .dialog__text .row {
            margin-bottom: 15px;
        }

        .library-dialog .dialog__text ul, .library-dialog .dialog__text ul li {
            display: inline-block !important;
            list-style: none;
            list-style-image: none;
            padding: 0px;
            margin: 0 0 15px 0;
            position: relative;
            width: 100%;
            clear: both;
            align-items: stretch;
        }

/*media loading*/
.media .spinner {
    display: none;
}
.media.loading .spinner {
    display: flex;
}
.spinner {
    background-color: rgba(0,0,0,0.6);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
}
.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    margin: auto;
}

    .lds-ring div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 64px;
        height: 64px;
        margin: 8px;
        border: 8px solid #fff;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: #fff transparent transparent transparent;
    }

        .lds-ring div:nth-child(1) {
            animation-delay: -0.45s;
        }

        .lds-ring div:nth-child(2) {
            animation-delay: -0.3s;
        }

        .lds-ring div:nth-child(3) {
            animation-delay: -0.15s;
        }

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.btn.red {
    background-color: #ff6061;
    color: #ffffff;
}
.btn.blue {
    background-color: #41abf3;
    color: #ffffff;
}