@font-face {
	font-family: 'Conv_ProductSans-Regular';
	src: url('../fonts/ProductSans-Regular/fonts/ProductSans-Regular.eot');
	src: local('☺'), url('../fonts/ProductSans-Regular/fonts/ProductSans-Regular.woff') format('woff'), url('../fonts/ProductSans-Regular/fonts/ProductSans-Regular.ttf') format('truetype'), url('../fonts/ProductSans-Regular/fonts/ProductSans-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_ProductSans-Bold';
	src: url('../fonts/ProductSans-Bold/fonts/ProductSans-Bold.eot');
	src: local('☺'), url('../fonts/ProductSans-Bold/fonts/ProductSans-Bold.woff') format('woff'), url('../fonts/ProductSans-Bold/fonts/ProductSans-Bold.ttf') format('truetype'), url('../fonts/ProductSans-Bold/fonts/ProductSans-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {font-family: 'Conv_ProductSans-Regular';}
ul, li {list-style:none;margin:0;padding:0}
body {background: #ffffff;}
header {border-bottom: 1px solid #dddddd;}

.sidebar {display: inline-block;width: 80px;padding-top: 80px;background: #f1f1f1;height: 100%;position: fixed;left: 0;}
.sidebar_menus li a {text-align: center;display: block;color: #333;font-size: 14px;font-family: 'Conv_ProductSans-Regular';text-decoration: none;}
.sidebar_menus li a:hover, .sidebar_menus li a:focus, .sidebar_menus li a:active {color: #0f0fec;}
.sidebar_menus li a i {font-size: 18px;}
.sidebar_menus li a span {display: block;text-align: center;margin-top: 5px;}
.sidebar_menus ul li {margin-bottom: 35px;}
header .navbar {border-bottom: 1px solid #dddddd;}
header ul.navbar-nav.main_menus li a.nav-link {font-size: 16px;color: #333;font-family: 'Conv_ProductSans-Regular';padding-right: 1.5rem;padding-left: 1.5rem;}
.search_photos_blck {width: 70%;}
header .search_photos_blck .search_photos {width: 80%;padding-left: 40px;}
header .search_photos_blck {display:inline-block;position: relative;}
header .search_photos_blck::after {font-family: 'FontAwesome';content: '\f002';position: absolute;left: 10px;top: 8px;color: #555;}
.setting_profile .setting_btn {padding: 0 30px;display: inline-block;color: #333;margin-top: 5px;}
.navbar-custom-menu .navbar-nav li {position: relative;}
.navbar-custom-menu .navbar-nav li .dropdown-menu {position: absolute;right: 0;left: auto;}
.navbar-nav .user-menu .dropdown-menu {border-top-right-radius: 0;border-top-left-radius: 0;padding: 1px 0 0 0;	border-top-width: 0;width: 280px;}
.navbar-custom-menu li > .dropdown-menu {position: absolute;right: 0;left: auto;}
.navbar-custom-menu .user-menu .dropdown-toggle::after {display: none;}
.user_acct_prof {padding: 10px;text-align: center;border-bottom: 1px solid #dddddd;}
.user_acct_prof span {font-weight: bold;display: block;width: 100%;font-size: 14px;}
.user_acct_prof small {font-size:14px;}
.user.user-menu .usr_acct_drop_menu li a {padding: 10px 15px;color: #333;text-decoration: none;display:block;width:100%;font-size: 16px;text-align: center;}
.user.user-menu .usr_acct_drop_menu li a i {color: #3477db;}
.user.user-menu .usr_acct_drop_menu {margin: 15px 0px;border: 1px solid #dddddd;padding: 0;box-shadow: 0 0px 5px 1px #dddddd;border-radius:4px;}
.usr_acct_drop_menu.dropdown-menu::before {position: absolute;top: -7px;right: 10px;display: inline-block;border-right: 7px solid transparent;	border-bottom: 7px solid #dddddd;border-left: 7px solid transparent;border-bottom-color: rgba(0, 0, 0, 0.2);content: '';}
.usr_acct_drop_menu.dropdown-menu::after {position: absolute;top: -6px;right: 11px;display: inline-block;border-right: 6px solid transparent;border-bottom: 6px solid #ffffff;border-left: 6px solid transparent;content: '';}
.user.user-menu .usr_acct_drop_menu li a:hover,.user.user-menu .usr_acct_drop_menu li a:active,.user.user-menu .usr_acct_drop_menu li a:focus {background:#f1f1f1;color:#000000;}
.user.user-menu .usr_acct_drop_menu li a:hover i,.user.user-menu .usr_acct_drop_menu li a:active i,.user.user-menu .usr_acct_drop_menu li a:focus i{color:#064cb6;}
.main_menus .dropdown .dropdown-menu {padding: 1px 0;}
.main_menus .dropdown .dropdown-menu a.dropdown-item:hover {background: #f1f1f1;}
.content {padding-left: 100px;}
.modal .modal-header .close {position: absolute;top: -20px;right: -20px;padding: 0;margin: 0;background: #ffffff;color: #000000;width: 30px;height: 30px;line-height: 30px;border-radius: 50%;z-index: 9;opacity: 1;}
.modal .modal-header {background: #000;color: #fff;}
.digistudio_logo {text-align: center;margin-bottom: 10px;}
.digistudio_logo img{max-width: 100px;}

.login100-form .help-block.form-error {position: absolute;font-size: 11px;right: 0;margin: 5px 0;}
.login100-form .input100 {height: 34px;font-size: 14px;}
body .container-login100 {background-position: top; }
.login100-form .focus-input100::after {font-size: 16px;}

/*upload*/
.upload_content_block .files input {outline: 2px dashed #92b0b3;outline-offset: -10px;-webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;transition: outline-offset .15s ease-in-out, background-color .15s linear;padding: 150px;text-align: center !important;margin: 0;width: 100% !important;}
.upload_content_block .files input:focus{     outline: 2px dashed #92b0b3;  outline-offset: -10px;-webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;transition: outline-offset .15s ease-in-out, background-color .15s linear; border:1px solid #92b0b3;}
.upload_content_block .files{ position:relative}
.upload_content_block .files:after {  pointer-events: none;position: absolute;font-family: 'FontAwesome';content: '\f0ee';display: block;margin: 0 auto;font-size:60px;text-align:center;left:0px;right:0px;top:60px;}
.upload_content_block .color input{ background-color:#f1f1f1;}
.upload_content_block .files:before {position: absolute;bottom: 10px;left: 0;  pointer-events: none;width: 100%;right: 0;height: 57px;content: " or drag it here. ";display: block;margin: 0 auto;color: #2ea591;font-weight: 600;text-transform: capitalize;text-align: center;}
.add_photo_folder a{text-align: center;padding: 100px;font-size: 30px;border: 2px dashed #999;display:block;}
.add_photo_folder span {margin-top: 5px;display: block;}
.add_photo_folder {max-width: 300px;margin: 0 auto;text-align: center;}
.adding_folder_upload .add_folders .folder_title_name {border: none;border-bottom: 1px solid #333;border-radius: 0;box-shadow: none;font-size: 46px;}
.folder_empty {text-align:center;}
.albm_add_photos {text-align:center;}
.albm_add_ph_img {text-align: center;max-width: 200px;width: 100%;}
.albm_add_ph_img img{width:100%;}
.albm_add_ph_img {text-align: center;max-width: 150px;width: 100%;margin: 5% auto;opacity: 0.4;}
.upload_content_block .files span {margin-top: 5px;display: block;}

/*Photos View*/
.masonry_photots_view ul li {width: 25%;float: left;height: 250px;padding: 3px;}
.masonry_photots_view ul li img {object-fit: cover;height: 100%;width: 100%;}
.folder_view .folder_lists a img {width: 100%;}
.uploaded_photo_lists {width: 100%;}
.folder_view .folder_lists {border: 2px solid #cccccc;text-align: center;margin-bottom: 30px;border-radius: 5px;}
.folder_view .folder_lists a {color: #333333;text-decoration: none;display: block;}
.folder_menu_dots .folder_share_files a {width: 20px;height: 20px;display: block;}
.folder_view .folder_lists a img {max-width: 75px;}
.folder_view .folder_lists.fold_img_view > a {height: 116px;display: block;width: 100%;position: relative;}
.folder_view .folder_lists.fold_img_view.selected > a {height: 116px;}
.folder_view .folder_lists.fold_img_view a img {max-width: 100%;margin-bottom: 0;height: 100%;width: 100%;object-fit: cover;margin-top: 0;border-radius: 3px 3px 0 0;}
.folder_view .folder_lists a h3 {font-size: 16px;margin-bottom: 2px;color: #333;}
.folder_view .folder_lists a h4 {font-size: 12px;margin-bottom: 5px;color: #555;}
.folder_view .folder_lists:hover {border: 2px solid #000000;}
.context-menu-list {z-index: 9999 !important;}
.folder_view .folder_lists a.file_list {height: 200px;padding: 0px;}
.folder_view .folder_lists a.file_list img {width: 100%;height: 100%;object-fit: cover;max-width: 100%;}
.folder_view .folder_lists .phto_selectn a {color: #333;padding: 0;position: absolute;top: 2px;right: 16px;font-size: 13px;display: none;line-height: 0;background: #fff;padding: 5px;border-radius: 20px;}
.folder_view .folder_lists:hover .phto_selectn a{display: block;border-left: 1px solid #3f6ef4;border-bottom: 1px solid #3f6ef4;right: 20px;top: 5px;}
.folder_view .folder_lists:hover .phto_selectn a {border: 2px solid #3f6ef4;}
.folder_view .folder_lists.selected:hover a.file_list {opacity: 0.5;}
.folder_view .folder_lists.selected .file_list {padding: 10px;background: #eefff6;}
.folder_view .folder_lists.selected {border: 2px solid #3f6ef4;}
.folder_view .folder_lists.selected .phto_selectn a {color: #ffffff;display: block;border: 2px solid #ffffff;top: 5px;right: 20px;background: #45ae03;}
.folder_lists .folder_menu_dots {padding: 3px 5px;background: #f1f1f1;color: #000000;font-weight:600;font-size: 14px;height: 30px;border-radius: 0px 0px 3px 3px;}
.folder_lists .video-js .vjs-big-play-button {left: 0;right: 0;margin: 0 auto;top: 35%;width: 1.5em;padding: 0;line-height: 1.4em;border-radius: 50%;}
.folder_lists.fold_img_view {height: 150px;}
.folder_lists.fold_img_view.fold_wo_title {height: 120px;}
.folder_menu_dots .folder_file_name {float: left;width: 90%;text-align: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 11px;line-height: 25px;}
.folder_menu_dots .folder_share_details {float: right;text-align: right;width: 10%;}
.folder_view .folder_lists .dropdown-menu a {color: #333;}
.folder_menu_dots .folder_share_details .dropdown a {padding: 0px 10px;font-size:16px;}
.folder_menu_dots .folder_share_details .dropdown .dropdown-menu {padding: 0px; -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12);}
.folder_menu_dots .folder_share_details .dropdown.show .dropdown-menu {-webkit-transform: scale(1);transform: scale(1);}
.folder_menu_dots .folder_share_details .dropdown .dropdown-menu a {padding: 6px 8px;}
.folder_menu_dots .folder_share_details .dropdown .dropdown-menu a:hover {background: #000000;color: #ffffff;}
.folder_share_files {position: absolute;top: 0px;color: #333333;left: 20px;}
.folder_share_details .dropdown {position: unset;}

/*Breadcrumb*/
.breadcrumb_blck {padding-top: 60px;padding-left: 100px;}
.breadcrumb_blck ul.breadcrumb {padding: 10px 16px;list-style: none;background: none;}
.breadcrumb_blck ul.breadcrumb li {display: inline;font-size: 18px;}
.breadcrumb_blck ul.breadcrumb li+li:before {padding: 8px;color: black;content: "/\00a0";}
.breadcrumb_blck ul.breadcrumb li a {color: #0275d8;text-decoration: none;font-size: 18px;}
.breadcrumb_blck ul.breadcrumb li a:hover {color: #01447e;text-decoration: underline;}

/*Share Popup*/
#shareModel .modal-dialog {max-width: 1200px;}
#shareModel .shareModel-from {float: left;max-width: 115px;margin: 0 5px 0 0;}
#shareModel .shareModel-to {float: left;max-width: 115px;margin: 0 5px 0 0;}

/*Upload*/
.upload_photos_brow {padding: 30px;border: 1px solid #ddd;margin-bottom: 10px;}
.upload_photos_brow .form-group {margin-bottom: 0px;}
.upload_photos_btn {text-align: center;}
.upload_indv_img img {width: 100%;height: 100%;object-fit: cover;border-radius: 5px;padding: 0px;margin: 0px;}
.upload_indv_photos {margin-bottom: 20px;border: 1px solid #ddd;border-radius: 5px;}
.upload_indv_img {height: 200px;border-radius: 5px;position: relative;}
.upload_indv_on_img {position: absolute;top: 0;background: rgba(0,0,0,0.5);width: 100%;height: 100%;border-radius: 5px 5px 0 0;padding: 10px;}
.upload_indv_head {background: #f1f1f1;padding: 10px 5px;}
.upload_indv_head h4 {font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.upload_indv_ph_size {text-align: left;float: left;color: #fff;}
.upload_indv_delete {position: absolute;right: 10px;top: 0;display: none;}
.upload_indv_delete .upload_inv_del_icon a {color: #ffffff;font-size: 24px;}
.upload_indv_photos:hover .upload_indv_delete {display: block;}
.upload_indv_prog .progress {background-color: #a8a8a8;}
.upload_indv_prog {position: absolute;z-index: 9;width: 100%;top: 33%;padding: 10%;}
.upload_indv_prog .sd-img-err {font-size: 11px;color: #ffffff;}
.upload_indv_prog .sd-img-spd {font-size: 9px;color: #ffffff;}

/*For You*/
.explore_btn {display: block;}

/*For Me*/
.card.album-section-list {margin-bottom: 10px;}

/*Loader*/
.loader {position: fixed;z-index: 999999;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.95);}
.spinner {position: absolute;top: 50%; left: 50%; width: 3.75rem;height: 1.25rem;margin: -0.625rem 0 0 -1.875rem; text-align: center;}
.spinner > div {display: inline-block;width: 1rem;height: 1rem;border-radius: 100%;background-color: #fff;-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;animation: sk-bouncedelay 1.4s infinite ease-in-out both;}
.spinner .bounce1 {-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.spinner .bounce2 {-webkit-animation-delay: -0.16s;animation-delay: -0.16s;}
@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0); }
	40% { -webkit-transform: scale(1.0); }
}
@keyframes sk-bouncedelay {
	0%, 80%, 100% { 
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
	} 40% { 
		-webkit-transform: scale(1.0);
		-ms-transform: scale(1.0);
		transform: scale(1.0);
	}
}

/*For me - Sidebar*/
.album-section-list .card-body {padding: 0.5rem;}
.album-section-list .card-title {float: left;width: 75%;font-size: 1rem;margin-bottom: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.album-section-list .card-header-icons {float: right;width: 25%;}
.album-section-list .card-header-icons a {width: 25px;height: 25px;text-align: center;line-height: 25px;background: #000;margin: 0 0px 0 5px;border-radius: 50%;color: #fff;font-size: 0.8rem;float: left;}
.album-section-list .card-header-icons a.edit_icon {background: #007bff;}
.album-section-list .card-header-icons a.delete_icon {background: #ff0000;}
.album-section-list .card-body .card-text {color: #999;font-size: 0.8rem;}
.group_see_all {float: left;}
.group_create_new {float: right;}
.all_groups_block .for_me_input input {color:#333333;padding: 6px;font-size: 12px;border: none;}
.all_groups_block .card-body .card-title {height: 30px;display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;}
.all_groups_block .card {margin-bottom: 20px;}
.all_groups_block .card-body .card-text {margin-bottom: 10px;}
.selection_filters {position: absolute;z-index: 99;right: 15px;top: 70px;}

/*Popup Viewers*/
.viewer-container .viewer-toolbar > ul > .viewer-large::before {margin: 15px;}
.viewer-container .viewer-toolbar > ul > li::before {margin: 12px;}
.viewer-container .viewer-toolbar > ul > .viewer-large {height: 50px;width: 50px;}
.viewer-container .viewer-toolbar > ul > li {width: 44px;height: 44px;}

/*Upload Process*/
#studio_files.dropzone .dz-preview .dz-progress {border-radius: 0px;bottom: 15%;left: 0;width: 100%;height: 10px;top: unset;margin: 0;border: 1px solid #ddd;background: #ccc;}
#studio_files.dropzone .dz-preview .dz-progress .dz-upload {background: #069b06;}
#studio_files.dropzone .dz-preview .dz-image {border-radius: 5px;border: 1px solid #ddd;}
#studio_files.dropzone .dz-preview .dz-remove {color: #ff0000;font-size: 12px;}
#studio_files.dropzone .dz-message {margin: 5em 0;}
#studio_files.dropzone {border: 2px dashed rgba(0, 0, 0, 0.3);background: #f1f1f1;}
#studio_files.dropzone .dz-preview .dz-details .dz-filename span, #studio_files.dropzone .dz-preview .dz-details .dz-size span {font-size: 11px;}

/*Responsive*/
@media (max-width: 767px){
	.masonry_photots_view ul li {width: 100%;}
	.breadcrumb_blck {padding-left: 80px;}
	.content {padding-left: 80px;}
	.navbar-light .navbar-toggler {border: none;padding: 0;}
	.search_photos_blck {width: 100%;}
	header .search_photos_blck .search_photos {width: 100%;}
	.navbar-nav.main_menus li {float: left;}
	.navbar-nav.main_menus {display: inline-block;}
	header ul.navbar-nav.main_menus li a.nav-link {padding: 10px;}
	.nav-bar-mobile-menu {text-align: right;}
	.navbar-nav.navbar-custom-menu.setting_profile {float: right;padding: 10px 0px 0 10px;}
}