::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background: #222b39;
}

::-webkit-scrollbar-button {
    background: #9356d1; height: 0;}
::-webkit-scrollbar-thumb {
    background: rgba(189,228,223, .2)}​
::-webkit-scrollbar-track-piece {
    background: #1A1B1C;}    

.hidden{display: none;}

.proudly-page-header, .curveate-page-header {
    padding-bottom: 5px !important;
    padding-left: 10px;
    margin-bottom: 0px;
    color: #fff !important;
 }
 .proudly-page-header.browsing, .curveate-page-header.browsing {
 	margin: 24px 0px 20px !important;
 }

body.modal-added{
}

.link-href{cursor: pointer;}

.proudly-page-header .list-inline, .curveate-page-header .list-inline{display: flex; align-items: center; margin-bottom: 0px;}
.proudly-page-header .list-inline h3, .curveate-page-header .list-inline h3{margin-top: 10px; margin-right: 10px;}

.navbar-brand.active{background-color: #000 !important;}
.navbar{margin-bottom: 2px !important; padding: 20px 75px;}
.navbar .collapse.show>.navbar-nav{/*border-bottom: 1px solid;*/}
.navbar .navbar-brand{
	padding: 0px 0px 2px 0px; color: #fff; /*margin-right: 2em*/;
}
.navbar .navbar-brand>a{vertical-align: super;}
.navbar-dark .navbar-nav .nav-link {
    color: #fff;
    /*text-transform: uppercase;*/
    letter-spacing: .05em;
    font-size: 14px;
    padding-bottom: 2px;
    padding-right: 30px;
    padding-top: 0px;
    text-decoration: none;
}
.navbar-dark .navbar-nav .nav-link:hover{color: #fff;}

.navbar-collapse.show{
    background-color: rgba(34, 43, 57, 0.95); margin-right: 7px; margin-top: 1px;}
.navbar-collapse.show .nav-item{padding-bottom: 10px;}
.navbar-collapse.show .nav-right-buttons{
    display: none;
}
.navbar-collapse .nav-right-buttons-collapsed{display: none;}
.navbar-collapse.show .nav-right-buttons-collapsed{display: block;}

.navbar-toggler:focus{outline: 1px solid;}


.navbar-nav.mr-auto.mt-2.mt-lg-0 {
    margin-top: 5px!important;
}


.nav-item .nav-link-active{
    height: .15em; background-color: #bde4df; margin-left: 8px; opacity: 0; width: 0;
}
.nav-item.active .nav-link-active, .nav-item:hover .nav-link-active{opacity: 1; width: 35px;}

.curve-nav-item{
    color: #fff; text-transform: uppercase; letter-spacing: .05em; font-size: 14px; list-style: none;margin: 0 25px 2px; 
    display: inline-block;}
.curve-nav-item a{color: #fff !important;}
.curve-nav-item .curve-nav-link{text-decoration: none;}
.curve-nav-item .curve-nav-link-active{height: .15em; width: 35px; background-color: #bde4df; margin-left: 8px; opacity: 0; width: 0;}
.curve-nav-item.active .curve-nav-link-active, .curve-nav-item:hover .curve-nav-link-active{opacity: 1; width: 35px;}

.navbar-toggle{margin-right: 120px !important;}
.navbar-brand img{width: 250px;}
.nav-link{cursor: pointer;}
.navbar-collapse .nav-link{padding-left: 10px;}
.navbar-toggler{font-size: 1rem; margin-right: 10px;}

a.nav-link:not([href]):not([tabindex]):focus, a.nav-link:not([href]):not([tabindex]):hover {
    color: #bde4df;
}

a>label{cursor: pointer;}

.main-header[data-landing=false]{background-color: #222b39;}
.main-header[data-landing=false] .navbar{padding: 0; padding-top: 7px; padding-left: 7px;}
.main-header[data-landing=false]{height: 52px;}
.main-header[data-landing=false] .sign-in-button{
    padding: 5px 15px;
    border:  0;
    margin-right: 5px;
    line-height: 2.8em;
    border: 0;
    letter-spacing: .1em;
}
.main-header[data-landing=false] .get-started-button{display: none;}
.main-header[data-landing=false] .nav-right-buttons{padding-top: 5px;}

.text-muted{color: #697b96!important;}

.btn.btn-sm:not(:disabled):not(.disabled).active{
    background: #fff;
    color: #000;
    /*padding: 8px 12px;    */
}


.hashtag-menu .hashtag{
 	padding: 3px 10px;
 	background-color:rgba(0, 0, 0, 0.05);
 	display:inline-block;
 	margin: 2px;
 	border-radius: 3px;
 }
 .hashtag-menu .hashtag:hover{
 	background-color:rgba(0, 0, 0, 0.1);
 }
 .hashtag-menu div a{
 	color: #000000;
 }
 .image-checkbox{
 	 position:absolute;top:0px;right:0px;width: 50px;
 }
.proud-footer{
	font-size : 10px;
	position:fixed;
	text-align: center;
	bottom:0px;
	padding-top:0px;
	padding-left: 20px;
	padding-right: 20px;
	color : black;
	left:0;
	right:0;
	margin: auto;
	background-color:rgba(0,0,0,0.4);
	height:20px;
	color: #DDD;
	font-weight: bold;
	}
.go-to-top{
	position: fixed;
	bottom: 30px;
	right: 20px;
	background-color: #000000;
	color: #FFFFFF;
	padding: 10px;
	font-weight: bold;
	cursor:pointer;
}
.go-to-top:hover{
	opacity: 0.5;
}
.tag-button {
	color: #000000; 
	opacity: 0.3;
	cursor: pointer;
	font-size:22px;
}
.tag-button button:hover{
	background-color: #c7c7c7;
}
#twitter-button-loader{display:none}
.review-img {
	height: 220px; 
	width: 220px;
}
.thumbnail-grid{text-align: center;}
.thumbnail-item{
	position: relative;
	display: flex;
	height: calc(100% - 5px);
}
.igram-thumbnail, .transparent-image{
	position: relative;
	display: flex;
	height: 100%;
}

label.input-label{
    cursor: pointer;
}

.frame-box{width: 100%; height: 100%; text-align: center; overflow-y: auto; background: #111;}
.frame-website{width: 100%; height: calc(100% - 4px); background-color: #fff;}
.frame-box iframe.frame-youtube{width: 100%; max-width: 600px;}
.frame-box iframe.frame-facebook{background-color: #fff;}


.modal{display: flex !important; align-items: center;}
.modal.show .modal-lg.modal-dialog{
    height: calc(100% - 30px);
    margin: 0 auto;
}
.modal.show .modal-dialog{flex: 1;}

.modal.show .modal-dialog.modal-sm{max-height: 95%;}

.modal.show .modal-dialog.modal-sm .modal-content{overflow: auto;}


.modal-content{
    background-color: #12171f; color: #fff; 
    border-color: #222b39; border-radius: 8px;}

.modal-lg .modal-content{height: 100%;}
.modal-header{color: #fff; border-bottom: 1px solid #222b39; background-color: #222b39;}
.modal-header .close{color: #c7c7c7; /*z-index: 1; right: 5px; position: absolute; top: 5px;*/}
.modal-lg .modal-title{color: #fff;}

.modal-lg .modal-body{height: calc(100% - 100px); padding: 0px;}

.modal-footer{border-top-color: transparent; display: unset; text-align: right;}

/*.modal-open{overflow: unset;}*/

.login-modal small{font-size: 70%;}

.form-inline label{cursor: pointer;}

.left-separator, .right-separator{display: inline-block; vertical-align: middle;}

.tabbed-edit-form{display: flex; padding: 5px;}
.block-left-placeholder{flex: 1; padding-right: 5px;}

.block-right-edit{width: calc(100% - 305px); padding-right: 10px;}
.block-justified-edit{flex: 1; padding: 5px;}

.block-justified-edit label{background-color: #000; border-radius: 15px; padding: 0 10px;}


.step-list{
  padding-left: 40px;
  position: relative;
  min-height: 30px;
  margin-top: 15px;
  color: #fff;
}

.step-list[data-link=true]:hover{
  text-decoration: underline;
  cursor: pointer;
}

.step-list-num{
    border-radius: 100%;
    background-color: #FFF;
    display: inline-block;
    color: #000;
    margin: 7px;
    line-height: 30px;
    margin-right: 10px;
    position: absolute;
    top: -10px;
    left: -10px;
    width: 30px;
    height: 30px;
    text-align: center;
}

.step-list-num[data-done=true]{
    background-color: #87e4db;
}

.cell-canvas{
	position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    height: 100%;
}

 .image-media-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
 }


.curve-image-selection .image img{
    width: 100%;
}



 .ui-modal-wrapper .image-media-bg{
    background-size: contain !important;
    background-position: top !important;
 }
/*.image img{
    position:absolute;
}*/
.row-eq-height-sm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-direction: column;
}

.curveate-image{
    border: 2px solid #222;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin: 0 4px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.curveate-image:hover, .curveate-image[data-active="true"]{
    filter: brightness(1.5);
}

.image-selection-window .curveate-image:hover, .curveate-image[data-active="true"]{
    border: 3px solid #fff;
    filter: initial;
}
.curveate-image[data-active="true"]{
    width: 100px;
    height: 100px;    
}
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/
.image:not(.curveate-image){
    height: 200px;
    width: 200px;
    background-position: center center;
    background-size: cover;
    position: relative;
    /*overflow: hidden;*/
    border-radius: 0px !important;
    margin: 0px !important;
    background-repeat: no-repeat;
    flex: 1; height: 100% !important; width: unset !important;
    display: flex;
    align-items: center;
 }

.transparent-image img{
    position: relative; width: 100%; left: 0px; top: 0px;}


.highcharts-container{margin: auto;}

.unauthorized-container{position: absolute; width: 100%; height: calc(100% - 150px);}
.unauthorized-wrapper{height: 100%; display: flex; align-items: center;}
.unauthorized-wrapper h3{width: 100%;}


.profile-info{
    display: flex;
    padding-top: 10px;
    padding-right: 10px;
}
.profile-info[data-font="dark"]{
    color: #000000;
}
.profile-info[data-font="dark"] h2, .profile-info[data-font="dark"] h3,
.profile-info[data-font="dark"] h4, .profile-info[data-font="dark"] h5,
.profile-info[data-font="dark"] h6{
    color: #000000;
}
.profile-info[data-font="dark"] a:not([href]):not([tabindex]) {
    color: #222b39;
}

.profile-info .save-profile-button{text-transform: uppercase;}
.profile-info-basics{
    text-align: left;
    padding: 0 5px;
}
.close-profile-icon{
    position: fixed; top: 10px; right: 15px;  background-color: #000;
    width: 24px; text-align: center; border-radius: 100%; z-index: 1;
}
.profile-avatar .avatar{
    border: 8px solid #eee;
    width: 180px;
    height: 180px;
}

.avatar{width: 250px; height: 250px; border-radius: 100%; overflow: hidden; margin: 15px;}
.avatar .avatar-wrapper{
    width: 100%; height: 100%; border-radius: 100% !important; overflow: hidden;
}
.avatar .image{border-radius: 100% !important;}

.profile-box{display: inline-block; text-align: center;}

.profile-info-box{padding: 5px;}

.profile-public{text-align: center; padding-top: 20px;}


.profile-public[data-font="dark"], .profile-public[data-font="dark"] h5,
.profile-public[data-font="dark"] .curveate-custom-link-button{
    color: #000000; border-color: #000000;
}


.profile-public-box.profile-box{
    width: 305px;
    text-align: center;
    vertical-align: top;
}
.profile-public-box.profile-box .avatar{
    margin: auto;
    margin-bottom: 15px;
}

.profile-info .btn{margin-bottom: 4px;}

.main-content-wrapper[data-mobile=true] .profile-info{
    display: block; text-align: center;
}
.main-content-wrapper[data-mobile=true] .profile-info .avatar{
    margin: auto;
    margin-bottom: 15px;
}
.main-content-wrapper[data-mobile=true] .avatar-edit-form{
    margin: auto;
}

.account-page{position: relative; padding-bottom: 30px;}

.navbar-avatar{display: inline-block;}
.navbar-avatar .avatar{
    display: inline-block; border: 2px solid #eee;
    margin: 0; width: 35px; height: 35px;
    position: absolute;
    left: -31px;
    top: 1px;
}

.story-heading{position: relative;}
/*.story-heading .story-headline{border-bottom: 1px solid #222b39;}*/
.story-headline .story-buttons{
    padding: 10px 4px 0;
    text-align: right;
}
.main-content-wrapper[data-mobile=true] .story-headline{
    display: block;
}
.main-content-wrapper[data-mobile=true] .story-headline .story-buttons{
    padding: 0px 4px 10px;
}
.story-headline .story-status{
    border-radius: 10px; padding: 0 10px; display: inline-block;
    font-size: 12px;
}
.story-headline .story-edit-button{display: inline-block; margin-right: 5px;}
.story-headline .story-share-button{display: inline-block; margin-right: 5px;}
.story-headline .story-buttons .show-more-btn{display: none; background-color: #000; color: #fff;}

.main-content-wrapper[data-page="featured"] .story-status,
    .main-content-wrapper[data-page="index"] .story-status,
    .story-headline[data-curve="true"] .story-status{
    display: none;
}

.template-card.card{
	border: 7px solid #222b39; cursor: pointer; width: 270px; text-align: center; 
	border-radius: 0; display: inline-block; margin: 0 4px; overflow: hidden;
}
.template-card.card:hover{border-color: #083747;}
.template-card.card.active{border: 7px solid #67074e;;}
.template-card iframe{border: 0px;}
.template-card .template-desc{
    height: 45px; color: #fff; padding-top: 5px;
}
.template-card .card-title{margin-bottom: 4px; color: #fff;}
.template-card .card-body{padding: 8px;}
.template-card-overlay
{position: absolute; width: 100%; top: 0px; height: 100%; left: 0; z-index: 5;}

.template-card .template-preview{
	height: 130px !important;
}
.template-card .template-preview .story-container{
    margin: auto;
    height: inherit !important;
    overflow: hidden;
}

.template-card .template-preview .basic-layer .cell{
    height: 145px;
    min-height: initial !important;
}

.main-content-wrapper[data-mobile="true"] .template-card .template-preview{
    height: 75px !important;
}

 .curveate-menu-dropdown{position: absolute; right: 0px;}
 .curveate-menu-dropdown .btn{display: block;}
 .curveate-menu-dropdown .btn:hover{background-color: #383544; color: #fff;}

/*.proudly-headline .story-edit-button{position: absolute; right: 20px; top: 23px;}*/
.story-edit-button{/*position: absolute; right: 20px; top: 25px;*/}
.story-editing-buttons{
    padding-top: 10px;
    padding-right: 8px;
    text-align: right;
}
.story-edit-close{
    font-size: 14px;
    padding-top: 2px !important; cursor: pointer; 
    z-index: 6;
    padding: 0 10px;
    border-radius: 15px;
}

.story-edit-save{
    padding: 1px 10px; cursor: pointer; z-index: 2; 
    border-radius: 15px;
    margin-right: 5px;
}

.curve-modal-window .story-edit-save{
    position: fixed;
    top: 4px;
    right: 2px;
}
.curve-modal-window .story-edit-save-only{
    right: 40px;
}
.curve-modal-window .modal-card{display: inline-block;}

.back-to-story-list{
    position: absolute; top: 0px; padding-top: 1px; font-size: 32px; 
    padding-left: 6px; left: 0px; color: #6c757d;}
.back-to-story-list:hover{color: #fff; cursor: pointer;}

.featured-view{display: flex; position: relative;}
.featured .back-to-story-list{display: none;}
.story-heading[data-back-ready=true]{padding-left: 34px;}

.basic-info-main{
    text-align: center; padding-top: 35px; min-height: 310px;}
.basic-info-main .story-edit-cancel{display: none;}

.template-preview-container{position: relative;}

.story-menus{border-bottom: 1px solid #222b39;}

.templates-list{padding-top: 10px; text-align: center;}

.template-edit-cancel{position: absolute; right: 0px;}

.template-edit-save{position: absolute; right: 0px; background-color: #083747 !important;}

.powered-by{
    position: fixed; bottom: 0;width: 100%; 
    text-align: center; 
    background-color: #12171f;
    z-index: 100;
}
.powered-by a{color: #009fbf;}
.powered-by-spacer{height: 50px;}
.powered-by img{height: 12px; padding-bottom: 1px;}

.curv-alert{
	position: relative;
    padding: .05rem .5rem;
    margin-bottom: 1rem;
    border: 1px solid #0000;
    border-radius: .15rem;
}
.curv-alert h5{color: #000;}

.curv-alert.curv-warning{
	color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
    margin-top: 10px;
}

.curv-alert.curv-success{
    margin-top: 10px;
    color: #083747;
    background-color: #bde4df;
    border-color: #083747;
}

.story-warning{}
.publish-icon{display: inline-block;}
.publish-icon:hover{color: #000; cursor: pointer;}
.story-editing-buttons .publish-icon .btn{text-transform: initial;}
.publishable-form{padding: 10px; margin-bottom: 10px; text-align: left;}

.fb-share-button-container{text-align: center;}
.fb-share-button{
   text-align: center;
   background-color: #4267b2;
   border-radius: 4px;
   color: #fff;
}

.activity-story-intro{border: 1px solid #222b39; width: 205px;
    height: 325px;
    padding: 10px;
    text-align: center;}

.activity-story-intro-title{
    padding-bottom: 40px;
    font-size: 22px;
    padding-top: 20px;}

.curation-header{
    height: 200px;
    background-size: cover;
    background-position: center;
    position: relative;
    background-color: #000;
}
.curation-header-title{
    position: absolute; 
    font-size: 3em; 
    right: 0px; 
    bottom: 0px; 
    text-transform: uppercase; 
    padding: 25px 10px 0 25px;
    color: #000;
    line-height: 1em;
    text-align: center;
}
.curation-header-title span{padding-left: 10px;}
.curation-header-subtitle{
    font-size: 15px;
    text-transform: uppercase;
    position: absolute;
    top: -10px;
    left: 9px;

}

.curation-header-demo{
    height: 55px;
    background-size: cover;
    background-position: center;
    position: relative;
    background-color: #000; 
    margin-bottom: 10px;
}

.curation-edit-icons{position: absolute; right: 10px; top:  10px;}

.curation-edit-statuses{position: absolute;  top: 5px; left: 5px; font-size: 12px;}
.curation-edit-statuses>div{
    background-color: rgba(0, 0, 0, 0.5); 
    margin-right: 3px; 
    padding: 0 6px; 
    border-radius: 5px; 
    display: inline-block;
}

.top-curves{margin: auto; text-align: center; width: 100%;}
.top-curves-title{ text-align: center; text-transform: uppercase; position: relative; width: 77%; margin: auto;}
.top-curves-title .title{background-color: #1A1B1C; display: inline-block; padding: 10px 10px 0;}
.top-curves-title-line{height: 1px; background-color: #777; width: 100%; position: absolute; top: 50%; z-index: -1; margin-top: 4px;}


.ui-data-frame{
    width: 100%; 
    height: calc(100% - 8px); 
    border: none; 
    overflow: hidden;
}

.curve-modal-window .ui-data-frame{height: calc(100% - 8px) !important;}

.cell p{margin-bottom: 0}

.item-button .btn{width: inherit; white-space: normal;}


.calendar-event-table{width: 100%; text-align: center;}

/*.calendar-box{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    padding: 1%;
}*/

.calendar-box .fc-toolbar-title{
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
}


.calendar-box .fc-prev-button, .calendar-box .fc-next-button{
    padding: 0 !important;
    color: inherit !important;
    background-color: transparent !important;   
    border-color: transparent !important; 
}

.calendar-box .fc-daygrid-event{

}

.calendar-box .fc-custom-event{
    border-radius: 3px;
    height: 20px;
    overflow: hidden;
    width: 100%;
}
.calendar-box .fc-custom-event-wrapper{
    padding: 0 3px;
    overflow: hidden;
    width: 100%;
}
.calendar-box .fc-custom-event[data-oversize=true] .fc-custom-event-wrapper{
    width: calc(100% - 20px);    
}
.calendar-box .fc-custom-event[data-oversize=true]:before{
    content: "...";
    position: absolute;
    right: 2px;
    top: 2px;
    font-weight: bold;
    line-height: 16px;
}
.calendar-box .fc-daygrid-event:hover: .fc-custom-event:before{
    content: "";
}

.calendar-box .fc-daygrid-event:hover{
    z-index: 10;
    white-space: normal;
    border: 0 !important;
}


.calendar-box .fc-daygrid-event:hover .fc-custom-event-wrapper{
    border-radius: 3px;
    padding: 1px 3px;   
    overflow: visible;
    width: 100%;
}


.calendar-box .fc-daygrid-event:hover .fc-custom-event{
    overflow: visible;
    height: 22px;
}

.calendar-box .fc-daygrid-event.fc-daygrid-dot-event:hover{
    height: 24px;
}

.calendar-box .fc-daygrid-event.fc-daygrid-block-event:hover .fc-custom-event-wrapper{
    padding-left: 4px;
}

.calendar-box .fc-popover{
    left: calc(50% - 145px) !important;
}

.fc-popover-body .fc-custom-event{
    width: 100% !important;
    height: initial !important;
    overflow: initial;
}

.fc-popover-body .fc-custom-event[data-oversize=true]:before{
    content: "";
}
.fc-popover-body .fc-custom-event[data-oversize=true] .fc-custom-event-wrapper{
    width: initial;
}

.fc-popover-body .fc-daygrid-event{
    white-space: normal;
    border-radius: 3px;
}

.curve-modal-window{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1050;
    background-color: #12171f;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: left;
}

/*.curve-modal-window[data-show=true]{
    display: block;
}*/

.curve-modal-window-container{
    position: relative;
    width: 100%;
    height: calc(100% - 35px);
}

.curve-modal-close-alert{
    height: 35px;
    background: rgba(0, 0, 0, .2);
}

.curve-modal-window .curveate-headline{
    text-align: left;
    position: fixed;
    top: 0;
    width: 100%;
    line-height: 1em;
}

.curve-modal-window[data-size="small"]{
    padding-top: 20%;
    background-color: rgba(18, 23, 31, 0.7); /*#12171f*/;
}

.curve-modal-window[data-size="small"] .curve-modal-window-container{
    background-color: #12171f;
    position: relative;
    width: 100%;
    height: 100%;
}

.curve-modal-window[data-size="small"] .curve-modal-window-container{
    position: relative;
    height: initial;
    width: 80%;
    min-height: initial;
    margin: auto;    
}

.curve-modal-window .close-alert{z-index: 5;}

.curve-modal-window .curve-modal-close-alert .close-alert{
    /*position: fixed;*/
}

.curve-card .curve-modal-window{
    position: fixed;
}



.curve-modal-window .cell{margin: auto !important;}

.story-container[data-subtool="modals"] .curve-modal-window.modal-card-modal .cell{margin: 0% !important;}

.ui-modal-nav{
    position: absolute;
    width: 50%;
    z-index: 5;
    top: 1px;
    left: 25%;
    font-size: 14px;
}

.ui-modal-nav-wrapper{
    display: flex;
    background: rgba(1, 1, 1, 0.3);
    border-radius: 20px;
    padding: 0;
    position: relative;
}

.ui-modal-nav-left, .ui-modal-nav-right{padding: 0 10px;}

.ui-modal-nav-center{flex: 1;}

.ui-modal-nav-right{}

.curve-share-alert{
    padding: 10px;
    /*border: 1px solid #999;*/
    border-radius: 10px;
}

.cell-edit-side-window .curve-modal-window .cell-window .cell{margin: initial;}

.curve-modal-window>.close-alert{
  padding: 1px 7px 0;
  border-radius: 100%; 
  background-color: #12171f;
  z-index: 1000;
  right: 12px;
  top: 5px;
  position: absolute;
}

.curve-modal-window.modal-card-modal>.close-alert{
  position: initial;
  margin-left: calc(100% - 25px);
  font-size: 15px;
  line-height: 35px;
}


.inspo-image{position: relative; overflow: hidden;}

.block-upload-animating-right{
    position: absolute;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-animation: swipeOutRight 2s;
    animation: swipeOutRight 2s;    
}

.block-upload-animating-left{
    position: absolute;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-animation: swipeOutLeft 2s;
    animation: swipeOutLeft 2s;
}

@-webkit-keyframes swipeOutRight {
    0% { opacity: 1; left: : 0;}
    100% { opacity: 0; left: -100%;}
}

@keyframes swipeOutRight {
    0% { opacity: 1; left: : 0;}
    100% { opacity: 0; left: -100%;}
}

@-webkit-keyframes swipeOutLeft {
    0% { opacity: 1; left: 0;}
    100% { opacity: 0; left: 100%;}
}

@keyframes swipeOutLeft {
    0% { opacity: 1; left: 0;}
    100% { opacity: 0; left: 100%;}
}

.block-upload-animating-waiting{
    position: absolute;
    width: 100%;
    height: 100%;
}

.block-upload-animating-placeholder{
    -webkit-animation: swipeOutRight 20s;
    animation: swipeOutRight 2s;
}


body.modal-added::-webkit-scrollbar { width: 0; }

.reports-nav{
    display: flex;
    font-size: 12px;
}
.reports-nav>div{
    flex: 1;
}
.reports-nav-list{
    padding-top: 5px;
}

.stories-filter{
    align-items: baseline;
    margin-bottom: 5px;
}

.stories-filter select.form-control{
    height: 30px !important;
    margin-top: 4px;
}

.stories-filter-hidden{opacity: 0;}

.story-sort-edit{
    background: #000;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 5px 10px 0;
    font-size: 12px;
}
.story-sort-edit .btn-sm{padding: 0 5px;}

.story-list-item-sort{
    width: 70px; text-align: right;
    display: inline-block;
    padding-right: 10px;
}

.story-list-item-sort .story-sort-edit{
    background: transparent;
    padding: 0;
}
.story-list-item-sort .story-sort-edit .btn{
    transform: rotate(90deg);
}
.story-list-item-sort label{
    display: none;
}

.story-list-table-preview{
    height: 100px;
    overflow: hidden;
    width: 100px;
}

.story-list-table-preview .story-view{
    /*transform: scale(0.25);*/
    transform-origin: top left;
    overflow-x: visible;
    overflow-y: visible;
}

.modal-card .modal-cell-preview-wrapper{
    width: 160px;
    height: 140px;
    margin: 8px auto;
    overflow: hidden;
}

.modal-card .modal-cell-preview{
    transform: scale(0.2);
    transform-origin: top left;
    overflow-x: visible;
    overflow-y: visible;
}
.modal-card .modal-cell-preview .cell{
    position: relative;
}

.ui-modal-wrapper .image{
    background-size: contain !important;
    background-position: center center !important;
    cursor: pointer;
}

.curve-image-selection{
    text-align: center;
    padding-top: 15px;
    /*padding-bottom: 65px;*/
}
.curve-image-selection .curveate-image{
    width: 170px !important;
    height: 170px !important;
    border: 4px solid transparent;
}
.curve-image-selection .curveate-image:hover, 
    .curve-image-selection .curveate-image[data-active="true"]{
    border-color: #a31d7d !important;
}

.curve-image-selection-form[data-mobile=true] .curve-image-selection .curveate-image{
    width: 130px !important;
    height: 130px !important;
}

.curve-image-selection[data-light=true] .curveate-image{
    background-color: #fff;

}
.curve-selection-buttons{
    text-align: center;
    background-color: #12171f;
    padding: 5px;
    padding-bottom: 15px;
    width: 95%;
    bottom: 0;
}

.curve-selection-buttons .btn{margin-bottom: 5px;}

.curve-card{
    display: inline-block; 
    vertical-align: top; 
    position: relative;
    color: #fff;
}

.curve-card[data-active=true] .curveate-image{
    border-color: #FFF;
}

.curve-card .share-curve-button{
    position: absolute;
    top: 5px;
    right: 9px;
}

.curve-card .assign-curve-btn{
    position: absolute;
    top: 5px;
    right: 9px;
}

.curve-select-card{
    display: inline-block;
    border: 1px solid #555;
    margin: 2px;
    vertical-align: top;
}

.story-card .curve-card .image{
    width: 295px !important;
    height: 295px !important;
    margin: 0;
    border-left: 0;
    border-right: 0;
}
.curve-card-text{
    position: absolute;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    bottom: 0;
    line-height: 20px;
    padding: 0 2px;
}

.edit-curves-list .edit-curve-image{
    width: 60px !important;
    height: 60px !important;
}

.edit-curve-view-button{
    width: 100px; 
    text-align: center; 
    margin: auto;
    margin-top: 5px;
}

.about-us-card.jumbotron{
    padding: 2rem;
    display: flex;
}

.about-us-card .about-profile-image{
    float: left;    
    margin-right: 10px;
    margin-bottom: 5px;
    margin-right: 10px;   
    border-radius: 100%;
    width: 230px;
    height: 230px;
    background-size: cover;
}

.about-us-card h1{
    color: #db51b6;
    font-weight: bold;
    margin-bottom: 0;
}

.about-us-card h4{
    color: #bde4df;    
}

.about-us-card a, .about-us-card a:hover{
    color: #bde4df;
}

.about-us-card .icon{
    width: 20px;
}

.about-us-card:after {
    content: '';
    display: block;
    clear: both;
}

.about-us-card .about-profile-image-wrapper{
    flex: 1;
    padding-right: 15px;
    height: 305px;
}

.main-content-wrapper[data-mobile=true] .about-us-card.jumbotron{
    display: block;
}

.about-curves-info{
    display: flex;
}

.about-curves-info .avatar{
    margin:auto; margin-bottom: 30px;
}

.about-profile-image[data-reflected="true"]{
    transform: scaleY(-1);
    -webkit-mask-image: -webkit-gradient(linear, left 70%, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .5)));
}

.main-content-wrapper[data-mobile="true"] .about-curves-info{
    display: block;
}

.main-content-wrapper[data-mobile="true"] .about-profile-image{
    float: initial !important;
    display: inline-block;
}

.main-content-wrapper[data-mobile="true"] .about-profile-image-wrapper{
    text-align: center;
    margin-right: 0;
}

.main-content-wrapper[data-mobile="true"] .about-us-card h1, 
.main-content-wrapper[data-mobile="true"] .about-us-card h4{
    text-align: center;
}

.neel-profile{
    background-image: url("/images/neel.png");
    background-size: 121% !important;
    background-position: 0px -21px;  
}

.pragmatic-profile{
  background-image: url("/images/landing_resize/AdobeStock_1357366851.jpg");
  background-position: 65% 0%; 
}


.about-curveate-brand{
    cursor: pointer;
    padding: 10px 0 0 10px;
    background-color: #222b39;
}

.about-curveate-brand img{
    width: 250px;
}

.about-curveate-trademark{
    display: inline-block;
    vertical-align: text-top;
    color: #FFF;
    font-size: 20px;
    padding-top: 5px;
}

.welcome-landing{position: relative;}

.welcome-container{padding: 20px 10% 0px; position: relative; z-index: 1;}

.welcome-container[data-color="black"]{
    color: #000;
}

.welcome-container[data-color="black"] h1, 
    .welcome-container[data-color="black"] h2,
    .welcome-container[data-color="black"] h3, 
    .welcome-container[data-color="black"] h4, 
    .welcome-container[data-color="black"] h5, 
    .welcome-container[data-color="black"] h6 {
    color: #000;
}

.welcome-container[data-color="black"] .jumbotron{
    background-color: #bde4df;
}

.welcome-background{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-size: contain;
}

.cell-num{
    position: absolute;
    background: #fff9;
    padding: 0px 5px;
    border-radius: 100%;
    border: 1px solid #222b39;
    font-size: 12px;
    right: 3px;
    top: 3px;
    color: #000 !important;
}

.story-share-button[data-inline=true]{display: inline-block;}

.stories-list-table .project-block-wrapper{
    padding-top: 0;
}


.range_container {
  display: flex;
  flex-direction: column;
  width: 80%;
  margin: 20px auto;
}

.range_container .sliders_control {
  position: relative;
  min-height: 20px;
}

.range_container .form_control {
  position: relative;
  display: flex;
  justify-content: space-between;
  font-size: 16px;
}

.range_container input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  pointer-events: all;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #C6C6C6;
  cursor: pointer;
}

.range_container input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  pointer-events: all;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #C6C6C6;
  cursor: pointer;  
}

.range_container input[type=range]::-webkit-slider-thumb:hover {
  background: #f7f7f7;
}

.range_container input[type=range]::-webkit-slider-thumb:active {
  box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
  -webkit-box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
}

.range_container input[type="number"] {
  color: #8a8383;
  width: 50px;
  height: 30px;
  font-size: 16px;
  border: none;
}

.range_container input[type=number]::-webkit-inner-spin-button, 
.range_container input[type=number]::-webkit-outer-spin-button {  
   opacity: 1;
}

.range_container input[type="range"] {
  -webkit-appearance: none; 
  appearance: none;
  height: 2px;
  width: 100%;
  position: absolute;
  background-color: #C6C6C6;
  pointer-events: none;
}

.range_container #fromSlider {
  height: 0;
  z-index: 1;
}


.edit-curves-list table td{
  border-top: 0;
  padding: 0;
}

.cal-event-card{
    border-radius: 10px;
    margin-top: 7px;
    overflow: hidden;
    margin-top: 7px;
    margin-right: 3px;
    margin-left: 3px;
    width: 248px;
    display: inline-block;
    border: 4px solid #444;
    height: 215px;
    background-color: #f8f7fa;
    color: #000;
    text-align: left;
    position: relative;
    vertical-align: top;
}
.cal-event-card a{
    color: #007bff !important;
    font-size: 14px;
}

.cal-event-card .cal-event-edit-btn{
    position: absolute;
    top: 0;
}
.cal-event-card:hover{
    border-color: #777;
}
.cal-event-image{
    height: 80px;
    width: 240px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: #f8f7fa;
    cursor: pointer;
    margin: auto;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.cal-event-images{
    text-align: center;
}
.cal-event-images img{
    max-width: 100%;
    padding: 5px 10px;
}

.cal-event-image-extra{
    display: inline-block;  
    border: 1px solid #444; 
    padding: 2px 10px 10px;
}

.cal-event-image-extra img{
    height: 100px;
    cursor: pointer;
    margin: auto;
    max-width: 300px;
}

.cal-event-card .cal-event-title{
    display: block;
    font-size: 18px;  
    font-weight: bold;  
    cursor: pointer;
    text-align: center;
}

.cal-event-card .cal-event-date{
    border-top: 0;
    color: #444;
}

.cal-event-card .cal-event-repeat{
    font-size: 11px;
    text-align: center;
    color: #888;    
}


.calendar-events-list-container{
    height: 225px; overflow: hidden;

    /*background-color: rgba(10, 30, 80, .2) #222b39*/;
}

.calendar-events-list-wrapper{text-align: center;}

.calendar-event-table .cal-event-image{
    width: 160px;
    height: 60px;
    background-repeat: no-repeat;
    background-color: #f8f7fa;
}

.custom-links-list-edit{
    padding-bottom: 0;
}

.custom-links-list-edit table thead th{
    padding-bottom: 0;
    font-size: 12px;
    border-top: 0;
}

.custom-links-list-edit table td{
    border-color: #222b39;
}

.custom-url-input{
    display: inline-block;
    width: initial;
    border-color: #495057;
    background-color: #000;
    width: 150px;
    margin-bottom: 5px;
}

.edit-curves-list{
    /*padding: 15px;*/
    padding-bottom: 50px;
    overflow-wrap: anywhere;
}

.edit-curves-list table thead th{
    padding: 0;
    font-size: 12px;
    border-top: 0;
}

.edit-curves-list .btn{margin-bottom: 5px;}

.edit-curves-list-spacer{
    background-color: #444;
    height: 1px;
    margin-bottom: 5px;
}

.edit-curves-list a{color: #bde4df;}

.edit-curves-list-item-btns{
    display: inline-block;
    width: 40px;
}

.curve-image-selection-form{overflow-wrap: break-word;}
.curve-image-selection-form .btn{margin-top: 10px;}


.profile-style-edit{
    width: 100%;
}

.cal-new-image{
    position: relative; text-align: right; display: inline-block;
}
.cal-new-image .cell-content-edit{position: initial;}
.cal-new-image .add-block-icon{position: initial; width: initial;}
.cal-new-image .icon-block{display: inline-block; width: initial;}

.cal-event-popup[data-size="large"]{
    width: calc(100% - 20px);
    left: 10px;
}
.cal-event-popup{
    position: absolute; 
    left: calc(50% - 130px); 
    top: calc(50% - 200px);
    padding: 4px;
    padding-top: 15px;
    background-color: #222b39;
    border-radius: 10px;
    z-index: 1;
    border: 1px solid #000;
}
.cal-event-popup .close-alert{color: inherit !important; top: 0;}
.cal-event-popup .cal-event-card{margin-top: 10px;}
.cal-event-popup .cal-event-action{
    right: 5px;
    left: initial;
}

.cal-event-popup .cal-event-card[data-size="large"]{
    height: initial;
    width: calc(100% - 10px);
}

.cal-event-expanded-details{
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 30px;
    padding-right: 2px 4px;
    background-size: #f8f7fa;
}
.cal-event-expanded-details table{width: 100%;}
.cal-event-expanded-details td:first-child{
    text-align: right;
}
.calendar-events-list-wrapper .cal-event-card{
    overflow: visible;
}
.calendar-events-list-wrapper .cal-event-card .cal-event-expanded-details{
    position: absolute;
    width: calc(100% + 8px);
    border: 4px solid #ddd;
    left: -4px;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0;
    z-index: 1;
    background-color: #f8f7fa;
}

.calendar-events-list-wrapper .cal-event-card:hover .cal-event-expanded-details{
    border-color: #777;
}

.cal-event-goto-landing{text-align: center;}
.cal-event-goto-landing a{color: #007bff !important;font-size: 14px;}

a.cal-event-more{
    color: #007bff !important; font-size: 14px;
    background: #fff;
    padding: 2px;
    border-radius: 3px;
}

.days-of-week-form label{
    cursor: pointer;
}
.cal-event-image-style{text-align: right;}
.cal-event-image-style-wrapper{width: 300px; display: inline-block;}
.cal-event-image-style .element-type-expand{border-top: 0;}
.cal-event-image-style table tr.element-type-expand td:first-child{
    width: 100%;
}
.cal-event-image-style table{
    display: inline-block;
}

.calendar-event-image-form{
    display: inline-block;
    border: 1px solid #222b39;
    padding: 10px;
}

.calendar-event-image-form a span{cursor: pointer;}

.cal-event-image-style-container[data-large=true]{
    text-align: center;
}

.cal-event-image-style-container[data-large=true] .cal-event-image-style{
    text-align: center;
}

.cal-event-image-style-container[data-large=true] .cal-event-image{
    width: 100%;
}

.calendar-event-form .jodit-react-container{width: 100%}

.curve-image-selection-form table{
    width: 300px;
    margin: auto;
}

.calendar-event-tags{}

.calendar-event-tags .start-project-button{display: none;}

.calendar-event-tags .project-selection-list{
    top: 0;
    height: 100%;
    z-index: 1000;
}

.calendar-event-form{
    padding-bottom: 50px;
}

.organizer-card{
    background-color: #f8f7fa;
    border-radius: 15px;
    padding: 15px;
    display: flex;
    align-items: center;
}
.organizer-card .avatar{
    display: inline-block;
    width: 80px;
    height: 80px;
    border: 1px solid #eee;
    box-shadow: 1px 1px #ccc;
}

.organizer-card a{
    color: inherit !important;
}

.organizer-card a:hover{
    color: #007bff !important;
}

.cal-event-preview{
    background-color: #fff;
    color: #000;
    padding-bottom: 20px;
}

.cal-event-preview h1, .cal-event-preview h2,
.cal-event-preview h3, .cal-event-preview h4,
.cal-event-preview h5, .cal-event-preview h6{
    color: #000;
}

.cal-event-preview a:not([href]):not([tabindex]) {
    color: #007bff;
}

.cal-event-preview .calendar-event-landing .cal-event-date{
    border-top: 0;
    font-size: initial;    
}

.cal-event-preview .cal-event-date-wrapper {
    display: inline-block;
    width: 300px;
}

.cal-event-preview a {
    color: #007bff;
}

.cal-event-preview .calendar-event-landing .cal-event-image {
    width: 100%;
    height: 300px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


.presentation-slide-item{
    width: 190px;
}

.presentation-slide-item:hover{
    border-color: #bde4df;
}

.presentation-slide-buttons{
    position: absolute;
    right: 5px;
    top: 10px;
}

.modal-name-form{
    position: fixed;
    top: 2px;
    left: 10px;
}
.modal-name-form h4{
    color: #ffffff;
    line-height: 32px;
}

.modal-alert-confirm{
    position: fixed;
    background-color: #12171f;
    z-index: 10;
    width: calc(100% - 162px;);
    top: 0px;
    padding-top: 5px;
    text-align: center;
    color: #fff;
    text-align: right;
    padding-right: 30px;
    right: 0;
}

.modal-alert-confirm .btn-sm{
    padding: 1px 8px;
    border-radius: 15px;
}

.modal-alert-confirm .story-edit-save{
    position: initial;
}

.ps-nav-btn{
    padding: 0 6px;
}
.ps-nav-btn[data-hidden=true]{
    opacity: 0;
}

.stories-list-table{
    margin-bottom: 170px;
}

.modals-main{padding-top: 10px;}

.cell-window{overflow-y: auto; overflow-x: hidden;}

.modal-count-alert{
    width: 100%;
    position: absolute;
    bottom: 5px;
    left: 0;
    text-align: center;
    font-size: 13px;
}

.modal-count-alert-wrapper{
    background-color: #555; 
    margin: auto; 
    padding: 3px 15px;
    display: inline-block;          
}

.presentation-form-slides{
    padding-top: 10px;
    position: relative;
}

.presentation-form-slides .modal-count-alert{
    width: 300px;
    position: fixed;
    bottom: 65px;
    right: 50px;
    left: initial;
}

.edit-rel-abs-confirm{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    background-color: rgba(0,0,0,.9);
}

.edit-rel-abs-confirm-wrapper{
    background-color: #000;
    width: 96%;
    margin: auto;
    border: 1px solid;
    padding-bottom: 15px;
    margin-top: 15px;
    position: relative;
}

.date-navigation table{margin: auto;}
.date-navigation .btn-sm{padding: 2px 10px;}

.edit-drag-ratio{
    padding: 30px 0;
}

.aspect-ratio-box{
    border: 3px solid #aaa;
}
.aspect-ratio-box-wrapper{
     position: relative;
     width: 100%;
     height: 100%;
}
.aspect-ratio-point{
    bottom: 0;
    right: 0;
    position: absolute;
}
.aspect-ratio-handle{
    position: absolute;
    width: 60px;
    height: 60px;
    border: 1px solid transparent;
    top: -30px;
    left: -30px;
}
.aspect-ratio-handle:hover{
    border-color: #222;
}
.aspect-ratio-handle-wraper{
    position: relative;
    width: 100%;
    height: 100%
}
.aspect-ratio-handle-box{
    position: absolute;
    left: 25px;
    top: 25px;
    width: 10px;
    height: 10px;
    background-color: #fff;
}
.date-navigation table{text-align: center !important;}
.date-navigation select{margin-bottom: 5px;}
.date-navigation input[type="date"]{
    padding: 7px 4px;
    width: 145px;
}

label[for=recur_confirm_following], label[for=recur_confirm_all]{
    cursor: pointer;
}

#progressBar {
    height: 3px;
    position: relative;
    opacity: 1;
    z-index:2;
    background: #005a63;
    overflow: hidden;
    animation: progressBar 1.5s ease-in-out;
    animation-iteration-count: infinite;
    animation-fill-mode:both;
    bottom:0;
    content:"";
    display:block;
    left:0;
    margin-top: 5px;
}

#iconProgressBar {
    height: 5px;
    position: absolute;
    opacity: 1;
    z-index:2;
    background: #005a63;
    overflow: hidden;
    animation: progressBar 1.5s ease-in-out;
    animation-iteration-count: infinite;
    animation-fill-mode:both;
    bottom:0;
    content:"";
    display:block;
    left:0;
}


@keyframes progressBar {
    0% { left:0;width: 0; }
    50% { left:0;width: 100%; }
    100% {left:100%;width: 0;}
}

.shortcut-menu[data-animate=true]{
    animation: iconNotify 5.5s ease-in-out;
    animation-iteration-count: infinite;
    animation-fill-mode:both;
    width: 40px;
    border-top: 3px solid #005a63;
    border-left: 5px solid #005a63;
}

.shortcut-menu[data-animate=true]:hover{
    animation: none;
}

@keyframes iconNotify {
    0% { box-shadow: 0px 0px 0px #bde4df;}
    5% { box-shadow: -5px 1px 5px #bde4df;}
    10% {box-shadow: 0px 0px 0px #bde4df;}
    15% { box-shadow: -5px 1px 5px #bde4df;}
    20% {box-shadow: 0px 0px 0px #bde4df;}
}

.generator-window{
    position: fixed;
    bottom: 0;
    /*height: 160px;*/
    width: 100%;
    z-index: 1050;
    background-color: #000;
    padding: 10px 15px;
    border-top: 2px solid #222b39;
    box-shadow: 0px -14px 15px #222b39;
    max-height: 100%;
    overflow-y: auto;
}


.generator-window[data-hidden=true]{
    opacity: 0;
    height: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
    min-height: initial;
}

.generator-window .close-alert{
    font-size: 17px;
    display: flex;
    align-items: center;
}
.generator-window table.generator-config-table{
    width: 100%;
    margin-bottom: 0;
    background-color: #000;
}
table.generator-config-table td{
    border-top: 0;
}
.generator-window .table td{
    border-top: 0;
    padding: 0 0 5px 0;
}
.generator-window .table .element-type-expand{
    border-top: 0;
}
.generator-window .table .element-type-expand td{
    padding-top: 0;
    padding: 0;
    border-top: 0;
}
.generator-images{
    padding-left: 5px;
}
.generator-image{
    position: relative;
    padding-right: 10px;
    display: inline-block;
    margin-top: 20px;
    margin-right: 5px;
}
.generator-image img{
    height: 100px;
}
.generator-image-img{
    width: 75px;
    height: 75px;
    border-radius: 10px;
    background-size: cover;
    background-position: center center;
}
.generator-image .generator-image-img-fg{
    width: 100px;
}
.generator-image[data-size="large"] .generator-image-img-fg{
    width: 300px;
}

.generator-image-icons{
    position: absolute;
    right: 0;
    top: -12px;
}
.generator-image .generator-zoom-icon{
    display: inline-block;
    background: #083747;
    border-radius: 100%;
    text-align: center;
    padding-left: 4px;
    width: 23px;
    height: 23px;
    margin-right: 2px;
    cursor: pointer;
}
.generator-image .generator-zoom-icon:hover{background: #104d61;}
.generator-image .generator-zoom-icon a, 
.generator-image .generator-zoom-icon a:hover{
    font-size: 13px;
}
.generator-image .generator-remove-icon{
    display: inline-block;
    background: #bde4df;
    border-radius: 100%;
    text-align: center;
    width: 23px;
    height: 23px;
    cursor: pointer;
}
.generator-image .generator-remove-icon:hover{background: #8aede2;}
.generator-image .generator-remove-icon a,
.generator-image .generator-remove-icon a:hover{
    color: #333;
    font-size: 12px;
}


.generator-window .generator-warning{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #000;
    text-align: center;
}

.generator-window .generator-warning h6{
    padding-top: 10px;
    padding-bottom: 10px;
}

.generator-window .block-zoom img{
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}

.generator-window .project-dropdown-list{
    height: 120px;
    left: initial;
    right: 0;
}

.generator-window .project-dropdown-list .activity-selection-item{
    padding: 5px;
}
.generator-window .project-dropdown-list .close-activity-selection{
    display: none;
}
.generator-config-size{
    width: 90%;
}

.cart-icon{
    display: inline-block;
    position: relative;
    padding-right: 5px;
    margin-right: 5px;   
    margin-top: 14px; 
}

.cart-icon:hover a{
    color: #fff !important;
}

.cart-icon-number{
    position: absolute;
    color: #fff;
    font-size: 12px;
    text-align: center;
    width: 100%;
    top: -16px;
}

.main-header[data-landing=true] .cart-icon{display: none;}

.checkout-main{
    display: flex;    
}

.checkout-main-left{flex: 2;}
.checkout-main-right{flex: 1;}


.shopping-cart{
    background-color: #fff;
    color: #000;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: sans-serif;

}

.modal-body .shopping-cart{
    margin-top: 0;
    margin-bottom: 0;
}

.checkout-main-left .shopping-cart{
    margin-top: 0;
}

.checkout-main-right{
    padding-top: 15px;
}

.shopping-cart .shopping-title{
    color: #ba6a23;
}

.shopping-cart table th{
    border-top: 0;
    border-bottom: 1px solid #ccc;
}
.shopping-cart table td:nth-child(2){
    width: 100%;
}

.shopping-cart th{font-size: 12px;}

.shopping-cart h1, .shopping-cart h2, .shopping-cart h3,
.shopping-cart h4, .shopping-cart h5, .shopping-cart h6{
    color: #000; font-family: 'Questrial Regular';
}

.shopping-cart a{
    color: #2162a1 !important;
}

.shopping-cart .cart-item-name, .shopping-cart-subtotal{
    font-weight: 500; font-size: 17px;
}

.shopping-cart hr{
    border-color: #ccc;
}

.shopping-cart table th:first-child{width: 100%;}
.shopping-cart table td{border-top: 0; padding: 2px;}

.receipt-brand{width: 300px;}

.cart-quantity-form{
    display: inline-block;
    border: 3px solid #bde4df;
    border-radius: 20px;
}
.cart-quantity-form button{
    border: 0;
    background-color: transparent;
    border-radius: 20px;
}
.cart-quantity-form button[data-hidden=true]{
    opacity: 0; width: 0;
    padding: 0; border: 0;
    pointer-events: none;
}

.cart-curve-coin{
    background-color: #2b1124; 
    position: relative;
    border-radius: 5px;
}
.cart-curve-denom{
    color: #fff;
    position: absolute;
    right: 5px;
    font-weight: 500;
}


.checkout-order-total{
    margin: auto;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 20px 10px;
    font-size: 13px;
    margin-top: 10px;
}

.checkout-order-total table td:nth-child(2){
    text-align: right;
}

.product-list-item{
    display: flex;
    background-color: #222b39;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 5px;
}

.product-list-item a{
    color: #bdefdf;
}

.product-list-item img{
    width: 120px;
    margin-right: 5px;
}

.product-list-item .table thead th{
    border-top: 0px;
    border-bottom: 1px solid #697b96;
    font-size: 12px;
    color: #697b96;
}
.product-list-item .table thead td{border-top: 1px solid #697b96;}

.product-list-item-details{
    flex: 1;
    padding-right: 5px;
    text-align: left;
}
.product-list-item select{
    color: #fff;
    background: #1A1B1C;
    border-color: #000;    
}
.product-list-item select:focus{
    background-color: #1A1B1C;
    color: #fff;
}
.purchase-unit-items{
    position: relative;
}
.purchase-unit-items .product-list-item{
    background-color: #fff;
}

.purchase-unit-items .refund-btn{
    position: absolute;
    top: 10px;
    right: 0;
}

.order-list-item .element-type-expand, 
.order-list-item .element-type-expand td{
    border-top: 0;
}

.capture-invoice{
    padding-bottom: 10px;
    padding-left: 5px;
}

.curve-coin-container{
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding-right: 5px;
}
.navbar-collapse .curve-coin-container{vertical-align: baseline;}
.curve-coin{
    background-color: #2b1124;
    background-image: url("/android-chrome-512x512.png");
    border-radius: 100%;
    width: 25px;
    height: 25px;
    background-size: contain;
    border: 1px solid #67074e;
    display: inline-block;
    vertical-align: middle;
}

.curve-coin:hover{
    border-color: #fff;
    cursor: pointer;
}

.coin-products .curve-coin{
    vertical-align: bottom;
}

.curve-coin-container .curve-coin-amount{
    display: block;
    line-height: 14px;
    font-size: 12px;
}

.coin-spending-cost{
    background-color: #fff;
    color: #000;
    display: inline-block;
    padding: 10px 20px;
    margin-top: 1px;
    margin-bottom: 5px;
}

.generator-form-button .btn-primary{
    margin-bottom: 10px;
}

.generator-form-button .curve-cost-box .curve-coin-container{vertical-align: bottom;}
.generator-form-button .curve-cost-box .curve-coin{vertical-align: inherit;}
.generator-form-button .curve-cost-box .curve-coin-amount{font-size: 16px; display: inline-block;}

.embed-price-container{
   text-align: center;
   border: 1px solid #000;
   padding: 10px;
}
.embed-price{
    font-size: 20px; margin-right: 10px; 
    padding: 5px 15px;
    border-bottom: 1px solid #000;}

.btn-add-to-cart{
    background-color: #083747;
    color: #fff;
    border-color: #bde4df;
    margin-top: 5px;
}

.btn-add-to-cart:hover{
    border-color: #083747;
    color: #000;
    background-color: #bde4df;
}
.cart-item a{text-decoration: underline;}
.cart-item-image{width: 100px;}
.cart-item select.form-control{
    padding: 0;
    font-size: 12px;
    width: initial;
    display: inline-block;
}

.modal-body .cart-item-image{
    width: 60px;
}
.modal-body .shopping-cart h5{
    text-align: center;
}

.coin-products{padding-bottom: 10px;}

.coin-products .curve-coin-amount{
    display: inline-block;
}

.order-list{
    background-color: #fff;
    color: #000;
    padding-top: 15px;
}

.order-list-item{
    padding: 0 15px;
}

.order-list-item a{
    color: #007bff !important;
}

.order-list-item a:hover{
    text-decoration: underline !important;
}

.order-list-item .product-list-item{
    background-color: transparent;
}

.order-list-item .product-list-item h4{
    color: #000;
}

.order-list-item-descr{
    font-weight: bold;
    font-size: 20px;
}

.generator-form-button{
    display: inline-block;
}

.breadcrumb{background-color: transparent;}
.breadcrumb a{text-decoration: none;}

.image-ratio-indicators{display: flex;}
.image-ratio-indicators>div{
    text-align: center;
    margin-left: 20px;  
    font-size: 12px;  
}
.image-ratio-indicators .square-indicator{
    border: 3px solid #fff;
    width: 40px;
    height: 40px;
    margin: auto;
    cursor: pointer;
    margin-top: 10px;
}
.image-ratio-indicators .square-indicator[data-active=true]{
    background: #fff;
}
.image-ratio-indicators .landscape-indicator{
    border: 3px solid #fff;
    width: 50px;
    height: 40px;
    margin: auto;
    cursor: pointer;
    margin-top: 10px;
}
.image-ratio-indicators .landscape-indicator[data-active=true]{
    background: #fff;
}
.image-ratio-indicators .portrait-indicator{
    border: 3px solid #fff;
    width: 40px;
    height: 50px;
    margin: auto;
    cursor: pointer;
    margin-top: 10px;
}
.image-ratio-indicators .portrait-indicator[data-active=true]{
    background: #fff;
}

.ai-input{
    border: 1px solid #444; 
    border-radius: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    background-color: #000;
    margin-bottom: 0;
}
.ai-input:has(.form-control:focus){
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.ai-input textarea, .ai-input textarea:focus{
    background: #000; color: #fff; border: none;
    box-shadow: none; resize: none;
}


tr.prompts-list-item{
    background-color: #222b39;
}
tr.prompts-list-item.prompts-date-coin td{padding-top: 10px;}
tr.prompts-list-item.prompts-button td{padding-bottom: 10px;}
tr.prompts-list-item>td{
    padding: 0 5px;
    padding-top: 5px;
}
tr.prompts-list-item>td:first-child{
    padding-left: 10px; 
    font-size: 13px;
}
tr.prompts-list-item.prompts-date-coin{
    border-bottom: 1px solid #777;
}
tr.prompts-list-item.prompts-date-coin .curve-coin{
    width: 18px;
    height: 18px;
    margin-bottom: 2px;
}
tr.prompts-list-item.prompts-date-coin>td{
    padding: 5px 10px 0;
    font-size: 12px;
}
tr.prompts-list-item.prompts-date-coin>td:first-child{
    border-top-left-radius: 15px;
}
tr.prompts-list-item.prompts-date-coin>td:last-child{
    border-top-right-radius: 15px;
}
tr.prompts-list-item.prompts-button>td:first-child{
    border-bottom-left-radius: 15px;
}
tr.prompts-list-item.prompts-button>td:last-child{
    border-bottom-right-radius: 15px;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 15px;
}
tr.prompts-list-item.prompts-token-usage{
    font-size: 12px;
    background-color: #222a;
}
tr.prompts-list-item.prompts-input{
    padding-bottom: 5px;
}
.previous-response-table tr.prompts-list-item.prompts-output>td:first-child{
    border-bottom-left-radius: 15px;
}
.previous-response-table tr.prompts-list-item.prompts-output>td:last-child{
    border-bottom-right-radius: 15px;
}


.prompts-list-item .btn-dark{
    border: 1px solid #777;
}

.prompts-list-image-wrapper{
    display: inline-block;
    padding-right: 30px;
    position: relative;
}
.prompts-list-image-zoom{
    position: absolute;
    right: 12px;
    top: -5px;
}
.prompts-list-image{height: 150px; margin-bottom: 5px;}
.prompts-list-image-thumb{
     max-width: 100px; 
     max-height: 100px;
     margin-right: 7px;
}

.prompts-list-spacer{height: 1px;}

.generator-image-form-btn>span{display: none;}
.generator-image-form-btn:hover>span{
    display: inline-block;
}

.generator-config-table .project-dropdown-wrapper{
    padding-top: 10px;
}

.generator-config-output{
    padding-top: 10px;
}

.prompt-previous-response{
    background-color: #000;
    padding: 5px;
    margin-bottom: 5px;
    border-radius: 10px;
    margin-top: 8px;
}

.prev-prompt-reply{
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #444;
}

.prompt-style-edit{
    width: 100%;
}

.prompts-output-results{display: flex;}

.main-content-wrapper[data-mobile=true] .prompts-output-results{display: initial;}

.blocks-list-menu{
    position: absolute;
}

.blocks-list-menu-container{
    position: relative;
}

.blocks-list-menu .add-block-icon{
    position: initial;
    display: inline-block;
}
.blocks-add-ai-generated{
    display: inline-block;
}
.blocks-add-ai-generated .add-block-icon{
    position: relative;
    display: inline-block;
}

.image-selection-icons{
    text-align: right;
}

.image-selection-icons[data-blocknew=true] .cal-new-image{
    display: block;
    text-align: left;
}
.image-selection-icons[data-blocknew=true] .blocks-add-ai-generated{
    display: none;
}

.curve-confirm-window{
    height: 100%;
    width: calc(100% - 30px);
    background-color: rgba(0,0,0, 1);
    text-align: center;
    z-index: 1;
    padding-top: 60px;
    padding-bottom: 60px;
}

.curve-confirm-window-hidden{opacity: 0; height: 0px; overflow: hidden;}

.curve-image-style-image{filter: initial;}

.curve-image-style-no-image{
    border: 1px solid #222b39;
    padding: 75px 0;
    height: 200px;
    width: 200px;
    margin: auto;
    margin-bottom: 5px;
}

.curve-cost-box{
    border: 1px solid #333;
    padding: 3px 8px 3px 10px;
    margin-left: 5px;
    display: inline-block;
}

.curves-save-intro{
    background-image: url(/images/landing/AdobeStock_713252453.jpeg);
    font-size: 40px;
    background-size: cover;
    background-position: 0px 47%;
    text-shadow: 3px 2px black;
    padding-left: 11px;
    margin-bottom: 30px;
    height: 41px;
    padding-top: 15px;
}
.curves-save-intro-wrapper{
    display: flex;
    align-items: center;    
    height: 27px;
}

.curves-save-intro .curves-save-intro-icon{
    color: black;
    display: inline-block;
    font-size: 27px;
    width: 40px;
    text-align: center;
    height: 40px;
    box-shadow: 4px 1px black;
    margin-right: 6px;
    background-color: #fff;
    border-radius: 100%;
    margin-top: 12px;
}


.curves-save-intro-descr{
    font-size: 15px; background-color: #000; padding-left: 6px;
    margin-left: 45px;
}

.sharetype-desc{
    text-align: center;
    background: #222b39;
    color: #fff;
    padding: 9px 0;
    border: 1px solid #444;
    margin: 3px 0 10px;
    flex: 1;
}

.share-copy-descr{
    display: flex;
}

.share-copy-descr .curveate-image{
    width: 70px;
    height: 70px;
}

.public-profile-link-display{
    background-color: #000 !important;
    color: #ccc !important;
    border-color: #222b39;
}


.custom-profile-url-form .alert{
    padding: 0 30px 0 20px;
}

.custom-profile-url-form .alert .close-alert{
    right: 5px;
    top: 0;
    font-size: 18px;
}

.public-curves-list{
    margin-bottom: 50px;
}

.curve-bookmark-feature-button{
    background: #083747;
    border-radius: 100%;
    margin: auto;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;    
    padding-top: 4px;
    margin-top: 10px;
    color: #000;
    border: 2px solid transparent;
}

.curve-bookmark-feature-button[data-featured=true]{
    color: #fff;
    background-color: #207380;
}

.curve-bookmark-feature-button:hover{
    background: #bde4df;
    color: #212529;
    cursor: pointer;
}

.curve-bookmark-feature-button>span{
    width: 100%;
}

.saved-curves-filter{
    display: flex;
    padding: 15px;
}
.saved-curves-filter select{
    height: initial !important;
    background: #000 !important;
    color: #fff !important;
    border-color: #555;
}

.curve-image-placeholder{
    width: 70px;
    height: 70px;
    border: 1px solid #555;
    margin-right: 5px;
    text-align: center;
    font-size: 12px;
    padding: 6px;
}

.project-selection-container{position: relative;}
.project-selection-container-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    right: 0;
    top: 0;
}