body.modal-open {
    overflow: initial;
}

body.designer_open {
    overflow: hidden;
}

[data-udrawSVG="SVGDesigner"] .desktop_only {
    display: none;
}

.grey {
    color: #aaaaaa;
}

.italic {
    font-style: italic;
}

.fb {
    color: #3b5998;
}

.hidden {
    display: none !important;
}

.disabled {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

div.designer_wrapper {
    position: fixed;
    width: 100% !important;
    height: 100%;
    background: #fff;
}
div.designer_wrapper.active {
    top: 3%;
    left: 0;
}

[data-udrawSVG="SVGDesigner"] div.canvas_container {
    height: 90%;
    overflow: auto;
}

[data-udrawSVG="SVGDesigner"] div.canvas_container table {
    width: auto;
    margin: auto;
}

[data-udrawSVG="SVGDesigner"] div.canvas_container table td {
    padding: 0;
    vertical-align: top;
    background-color: transparent;
}
    
div.zoom_container {
    height: 9%;
    text-align: center;
}

[data-udrawSVG="SVGDesigner"] ul.zoom_ul {
    text-align: center;
    display: inline-block;
}

[data-udrawSVG="SVGDesigner"] div.zoom_container ul.zoom_dropdown_menu {
    min-width: 80px;
    margin-left: -20px;
    margin-top: 5px;
}

[data-udrawSVG="SVGDesigner"] div.zoom_container ul.zoom_dropdown_menu i.zoom_check {
    display: none;
}

[data-udrawSVG="SVGDesigner"] div.zoom_container ul.zoom_dropdown_menu span,
[data-udrawSVG="SVGDesigner"] div.zoom_container ul.zoom_dropdown_menu i.zoom_check.active {
    display: inline-block;
}

[data-udrawSVG="SVGDesigner"] div.canvas_container svg {
    border: 1px solid #aaa;
    background: #fff;
    display: inline-block;
    pointer-events: none;
}

img.icon {
    max-width: 25px;
    max-height: 25px;
    margin: auto;
}

img.image_thumbnail {
    max-width: 75px;
    width: 100%;
}

img.image_cropper_img {
    max-width: 100%;
}

img.page_thumbnail {
    max-height: 100px;
    max-width: 100px;
    display: inline-block;
    padding: 5px;
    cursor: pointer;
}

img.photos_icon {
    width: 32px;
    display: inline-block;
}

    img.photos_icon.small {
        width: 16px;
    }

div.sixth {
    display: inline-block;
    vertical-align: top;
    width: 16%;
}

div.third {
    display: inline-block;
    vertical-align: top;
    width: 30%;
}

div.half {
    display: inline-block;
    vertical-align: top;
    width: 49%;
}

div.quarter {
    display: inline-block;
    vertical-align: top;
    width: 23%;
}

div.three_quarters {
    display: inline-block;
    vertical-align: top;
    width: 73%;
}

div.three_quarters input {
    width: 100%;
}

[data-udrawSVG="SVGDesigner"] {
    position: relative; /*Should not change*/
    background-color: #F2F2F2;
    text-align: left;
    word-wrap: normal;
    height: 100%;
    width: 100%;
    border-bottom: 1px solid #009ed4;
}

[data-udrawSVG="SVGDesigner"] ul {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
}

[data-udrawSVG="SVGDesigner"] a {
    text-decoration: none;
    color: #888;
}

[data-udrawSVG="SVGDesigner"] a:hover,
[data-udrawSVG="SVGDesigner"] a:active {
    text-decoration: none;
    color: #888;
}

[data-udrawSVG="SVGDesigner"] [data-bs-toggle="toggle"] {
    margin-left: 3px;
}

[data-udrawSVG="SVGDesigner"] div.designer_menu {
    background: #009ed4;
}

[data-udrawSVG="SVGDesigner"] div.designer_menu > div {
    display: inline-block;
    border-right: 1px solid #aaaaaa;
    height: 100%;
    font-size: 15px;
}

[data-udrawSVG="SVGDesigner"] div.designer_menu div.version_container {
        padding: 15px;
        width: 115px;
        text-align: center;
    }

[data-udrawSVG="SVGDesigner"] div.designer_menu button, 
[data-udrawSVG="SVGDesigner"] div.sidebar ul.toollist button {
    background: none;
    color: white;
    border: 0;
    padding: 16px;
    margin-left: -5px;
    margin-top: 0;
}

[data-udrawSVG="SVGDesigner"] div.designer_menu button:hover {
    background: #FFFFFF;
    color: #009ed4;
}

[data-udrawSVG="SVGDesigner"] div.designer_menu ul.dropdown-menu {
    border: none;
    border-radius: 0;
    margin: 0;
    margin-left: -4.5px;
}

[data-udrawSVG="SVGDesigner"] div.designer_menu ul.dropdown-menu > li {
    padding: 5px 0;
    margin: auto;
    width: 75%;
}

[data-udrawSVG="SVGDesigner"] div.designer_menu ul.dropdown-menu > li:not(:last-child) {
    border-bottom: 1px solid #cccccc;
}

[data-udrawSVG="SVGDesigner"] div.designer_menu ul.dropdown-menu > li a:hover, 
[data-udrawSVG="SVGDesigner"] div.designer_menu ul.dropdown-menu > li a:active {
    background: none;
    color: #009ed4;
}

[data-udrawSVG="SVGDesigner"] .body-block {
    height: 90%;
    width: 100%;
}

[data-udrawSVG="SVGDesigner"] .body-block div.sidebar,
[data-udrawSVG="SVGDesigner"] .body-block div.main_body {
    display: inline-block;
    vertical-align: top;
    height: 50%;
}

[data-udrawSVG="SVGDesigner"] .body-block div.sidebar {
    list-style-type: none;
    padding: 10px;
    margin: 0;
}

[data-udrawSVG="SVGDesigner"] .body-block div.sidebar ul.toollist li:not(:last-child) {
    border-bottom: 1px solid #eeeeee;
}

[data-udrawSVG="SVGDesigner"] .body-block div.sidebar ul.toollist button {
    color: #999999;
    width: 90%;
    margin-left: 0;
}

[data-udrawSVG="SVGDesigner"] .body-block div.sidebar ul.toollist button:focus {
    outline: 0;
}

[data-udrawSVG="SVGDesigner"] .body-block div.sidebar ul.toollist button span {
    display: block;
    text-align: center;
    font-size: 12px;
}

[data-udrawSVG="SVGDesigner"] .body-block div.sidebar ul.toollist button:focus,
[data-udrawSVG="SVGDesigner"] .body-block div.sidebar ul.toollist button:hover {
    color: #333333;
}

[data-udrawSVG="SVGDesigner"] .body-block div.sidebar ul.toollist li ul:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0d9";
    font-size: 3em;
    position: absolute;
    margin-left: -15px;
    margin-top: 10px;
    color: #505050;
}

[data-udrawSVG="SVGDesigner"] .body-block div.sidebar ul.toollist li ul {
    list-style-type: none;
    position: absolute;
    vertical-align: top;
    padding: 0;
    top: initial;
    left: initial;
    float: initial;
    background: #505050;
}

[data-udrawSVG="SVGDesigner"] .body-block div.sidebar ul.toollist li ul li:hover,
[data-udrawSVG="SVGDesigner"] .body-block div.sidebar ul.toollist li ul li:focus {
    background: #333333;
}

[data-udrawSVG="SVGDesigner"] .body-block div.sidebar ul.toollist li ul li a {
    color: #FFFFFF;
    font-size: 12px;
    padding-top: 15px;
    padding-bottom: 15px;
}

[data-udrawSVG="SVGDesigner"] .body-block div.sidebar ul.toollist li ul li:not(:last-child) {
    border-bottom: 1px solid #333333;
}

[data-udrawSVG="SVGDesigner"] .body-block div.sidebar ul.toollist li.open ul.dropdown-menu {
    display: inline-block;
}

[data-udrawSVG="SVGDesigner"] .body-block div.sidebar ul.toollist li ul.dropdown-menu li a:hover,
[data-udrawSVG="SVGDesigner"] .body-block div.sidebar ul.toollist li ul.dropdown-menu li a:focus {
    background: none;
}

[data-udrawSVG="SVGDesigner"] .designer_footer {
    border: 1px solid #009ed4;
}

[data-udrawSVG="SVGDesigner"] div.sidebar.has_tabs {
    width: 100%;
}
[data-udrawSVG="SVGDesigner"] div.sidebar.has_tabs div.tab-content {
    height: 90%;
    overflow: auto;
}

[data-udrawSVG="SVGDesigner"] div.main_body {
    width: calc(95% - 115px);
    text-align: center;
}

[data-udrawSVG="SVGDesigner"] div.sidebar #pages {
    text-align: center;
}

[data-udrawSVG="SVGDesigner"] .dd_icon {
    margin-right: 5px;
}

[data-udrawSVG="SVGDesigner"] [data-udrawSVG="font_family_select"] {
    width: 100%;
}
    
[data-udrawSVG="SVGDesigner"] div.cropping_container {
    vertical-align: top;
    height: 25vh;
    text-align: center;
}

[data-udrawSVG="SVGDesigner"] div.image_cropping_tools {
    background-color: rgba(128,128,128,0.5);
}

[data-udrawSVG="SVGDesigner"] [data-udrawSVG="image_filters_list"],
[data-udrawSVG="SVGDesigner"] ul.cropping_tool_list {
    white-space: nowrap;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch;
}

[data-udrawSVG="SVGDesigner"] [data-udrawSVG="image_filters_list"] li,
[data-udrawSVG="SVGDesigner"] ul.cropping_tool_list li {
    display: inline-block;
    text-align: center;
}

[data-udrawSVG="SVGDesigner"] [data-udrawSVG="image_filters_list"] li img.image_filter_thumbnail {
    max-width: 100px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

[data-udrawSVG="SVGDesigner"] [data-udrawSVG="image_cropping_list"] li {
    display: inline-block;
    width: 10%;
    vertical-align: top;
}

[data-udrawSVG="SVGDesigner"] [data-udrawSVG="image_cropping_list"] a.image_cropping_button {
    width: 100%;
}

[data-udrawSVG="SVGDesigner"] [data-udrawsvg="image_cropper"] {
    max-height: 25vh;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

[data-udrawSVG="SVGDesigner"] [data-udrawSVG="image_cropper"] img.image_cropper_img{
    max-height: 25vh;
    position: absolute;
    top: -9999px;
    left: -9999px;
}

div.image_cropping_container {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: top;
}

div.image_cropping_container div.cropper-container.cropper-bg {
    margin-top: -25px;
    margin-left: auto;
    margin-right: auto;
}

div.image_cropping_container [data-udrawsvg="image_cropper"] div.canvas-container {
    margin: auto;
}

[data-udrawsvg="image_cropper"] svg{
    border: 1px solid #000;
}
    
[data-udrawSVG="SVGDesigner"] [data-udrawSVG="google_albums_container"],    
[data-udrawSVG="SVGDesigner"] [data-udrawSVG="google_photos_container"] {
    width: 45%;
    height: 70%;
    vertical-align: top;
    overflow: auto;
    display: none;
}

[data-udrawSVG="SVGDesigner"] .active[data-udrawSVG="google_albums_container"],
[data-udrawSVG="SVGDesigner"] .active[data-udrawSVG="google_photos_container"] {
    display: inline-block;
}

[data-udrawSVG="SVGDesigner"] [data-udrawsvg="google_photos_modal"] [data-udrawsvg="google_albums_buttons_container"],
[data-udrawSVG="SVGDesigner"] [data-udrawsvg="google_photos_modal"] [data-udrawsvg="google_photos_buttons_container"] {
    text-align: center;
    padding: 5px;
}

[data-udrawSVG="SVGDesigner"] [data-udrawsvg="instagram_modal"] [data-udrawSVG="instagram_photos_container"] {
    display: none;
}

[data-udrawSVG="SVGDesigner"] [data-udrawsvg="instagram_modal"] .active[data-udrawSVG="instagram_photos_container"] {
    display: block;
}

[data-udrawSVG="SVGDesigner"] [data-udrawSVG="google_albums_list"],
[data-udrawSVG="SVGDesigner"] [data-udrawSVG="google_photos_list"],
[data-udrawSVG="SVGDesigner"] [data-udrawSVG="instagram_photos_list"]{
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

[data-udrawSVG="SVGDesigner"] .g-signin2,
[data-udrawSVG="SVGDesigner"] .instagram_signin_button {
    /*display: inline-block; */
    cursor: pointer; 
    float: right;
    margin: 5px;
}

[data-udrawSVG="SVGDesigner"] .g-signin2 > *,
[data-udrawSVG="SVGDesigner"] .instagram_signin_button > * {
    vertical-align: middle;
}

[data-udrawSVG="SVGDesigner"] [data-udrawSVG="image_action_modal"] div.edit_image_container {
    text-align: center;
}

[data-udrawSVG="SVGDesigner"] [data-udrawSVG="image_action_modal"] div.edit_image_container button {
    width: 50%;
}
    
[data-udrawSVG="SVGDesigner"] div.modal_header_content {
    width: calc(95% - 30%);
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

[data-udrawSVG="SVGDesigner"] div.modal_header_content:first-child,
[data-udrawSVG="SVGDesigner"] div.modal_header_content:last-child {
    width: 15%;
}

[data-udrawSVG="SVGDesigner"] div.modal_header_content:first-child {
    text-align: left;
}

[data-udrawSVG="SVGDesigner"] div.modal_header_content:last-child {
    text-align: right;
}
    
[data-udrawSVG="SVGDesigner"] div.user_added {
    text-align: center;
}

[data-udrawSVG="SVGDesigner"] div.more_options_container {
    text-align: center;
}
    
[data-udrawSVG="SVGDesigner"] [data-udrawsvg="local_image_list"] li,
[data-udrawSVG="SVGDesigner"] [data-udrawsvg="facebook_albums_list"] li,
[data-udrawSVG="SVGDesigner"] [data-udrawsvg="facebook_photos_list"] li,
[data-udrawSVG="SVGDesigner"] [data-udrawsvg="image_replace_list"] li,
[data-udrawSVG="SVGDesigner"] [data-udrawSVG="google_albums_list"] li,
[data-udrawSVG="SVGDesigner"] [data-udrawSVG="google_photos_list"] li,
[data-udrawSVG="SVGDesigner"] [data-udrawSVG="instagram_photos_list"] li,
[data-udrawSVG="SVGDesigner"] [data-udrawsvg="stock_image_modal"] ul.stock_image_list li {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    border: 1px solid #eee;
    border-radius: 5px;
    margin: 1.5%;
    text-align: center;
}

[data-udrawSVG="SVGDesigner"] [data-udrawsvg="local_image_list"] li {
    width: auto;
    border: 1px solid #ddd;
}

[data-udrawSVG="SVGDesigner"] [data-udrawsvg="facebook_albums_list"] li.active {
    box-shadow: rgba(0, 55, 255, 0.5) 0px 0px 25px;
}

[data-udrawSVG="SVGDesigner"] [data-udrawsvg="local_image_list"] li img.image_thumbnail,
[data-udrawSVG="SVGDesigner"] [data-udrawsvg="facebook_albums_list"] li img.image_thumbnail,
[data-udrawSVG="SVGDesigner"] [data-udrawsvg="image_replace_list"] li img.image_thumbnail,
[data-udrawSVG="SVGDesigner"] [data-udrawSVG="google_photos_list"] li img.image_thumbnail,
[data-udrawSVG="SVGDesigner"] [data-udrawSVG="instagram_photos_list"] li img.image_thumbnail,
[data-udrawSVG="SVGDesigner"] [data-udrawsvg="facebook_photos_list"] li img.image_thumbnail,
[data-udrawSVG="SVGDesigner"] [data-udrawsvg="stock_image_modal"] ul.stock_image_list li img.image_thumbnail {
    margin: auto;
}

[data-udrawSVG="SVGDesigner"] [data-udrawsvg="local_image_list"] li span.image_thumb_name {
    word-break: break-all;
}

[data-udrawSVG="SVGDesigner"] [data-udrawSVG="facebook_modal"] div.facebook_content > div {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

[data-udrawSVG="facebook_modal"] ul,
[data-udrawSVG="user_image_modal"] ul,
[data-udrawsvg="google_photos_modal"] ul {
    overflow: auto;
    max-height: 50vh;
}

[data-udrawSVG="SVGDesigner"] [data-udrawsvg="add_image_modal"] div.add_image_container {
    display: block;
    text-align: center;
}

[data-udrawSVG="SVGDesigner"] [data-udrawsvg="add_image_modal"] div.add_image_container button {
    width: 50%;
}
     
[data-udrawSVG="SVGDesigner"] [data-udrawSVG="image_replace_modal"] div.modal-header {
    background-color: #69c1a8;
}

[data-udrawSVG="SVGDesigner"] [data-udrawSVG="image_replace_modal"] div.modal-header,
[data-udrawSVG="SVGDesigner"] [data-udrawSVG="image_replace_modal"] div.modal-header a,
[data-udrawSVG="SVGDesigner"] [data-udrawSVG="image_replace_modal"] div.modal-header span{
    color: #fff;
}

[data-udrawSVG="SVGDesigner"] [data-udrawSVG="image_replace_modal"] div.modal-body {
    height: 90%;
}

[data-udrawSVG="SVGDesigner"] [data-udrawSVG="image_replace_modal"] div.image_count_container {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    font-family: chunkfive;
    border-bottom: 1px solid #ccc;
    margin: 5px 0;
}

[data-udrawSVG="SVGDesigner"] [data-udrawsvg="image_replace_modal"] div.replace_method_container {
    vertical-align: top;
    border-right: 1px solid #eee;
}

[data-udrawSVG="SVGDesigner"] [data-udrawsvg="image_replace_modal"] div.replace_method_container.mobile_only {
    height: 30%;
    width: 100%;
    overflow-x: auto;
}

[data-udrawSVG="SVGDesigner"] [data-udrawsvg="image_replace_modal"] div.replace_method_container a.bulk_image_button {
    text-align: center;
    margin-left: 5px;
    padding: 5px;
    font-size: 10px;
}

[data-udrawSVG="SVGDesigner"] [data-udrawsvg="image_replace_modal"] div.replace_method_container.mobile_only a.bulk_image_button {
    display: inline-block;
    width: 20%;
    vertical-align: top;
}

[data-udrawSVG="SVGDesigner"] [data-udrawsvg="image_replace_modal"] div.replace_method_container a.bulk_image_button:hover {
    background-color: #eee;
}

[data-udrawSVG="SVGDesigner"] [data-udrawsvg="image_replace_modal"] div.images_container {
    display: block;
    width: 100%;
    height: 69%;
}

[data-udrawSVG="SVGDesigner"] [data-udrawsvg="image_replace_modal"] div.images_container_child {
    display: none;
    height: 100%;
}

[data-udrawSVG="SVGDesigner"] [data-udrawsvg="image_replace_modal"] div.images_container_child.active {
    display: block;
}

[data-udrawSVG="SVGDesigner"] [data-udrawSVG="image_replace_modal"] [data-udrawSVG="local_image_list"] {
    overflow: auto;
    height: 85%;
}

[data-udrawSVG="SVGDesigner"] [data-udrawsvg="image_replace_modal"] [data-udrawsvg="facebook_albums_container"],
[data-udrawSVG="SVGDesigner"] [data-udrawsvg="image_replace_modal"] [data-udrawsvg="facebook_photos_container"] {
    display: inline-block;
    width: 45%;
    height: 90%;
    vertical-align: top;
    overflow: auto;
}

[data-udrawSVG="SVGDesigner"] [data-udrawsvg="image_replace_modal"] div.progress_div {
    display: block;
    background-color: #b1dfd2;
    width: 100%;
    height: 40px;
}

[data-udrawSVG="SVGDesigner"] [data-udrawsvg="image_replace_modal"] div.progress_div div.progress_bar {
    background-color: #69c1a8;
    height: 100%;
    width: 0%;
}

[data-udrawSVG="SVGDesigner"] [data-udrawSVG="image_replace_list"] {
    height: 20vh;
    max-height: 20vh;
    overflow: auto;
    width: auto;
    white-space: nowrap;
}

[data-udrawSVG="SVGDesigner"] [data-udrawSVG="image_replace_list"] li {
    width: 15%;
}

[data-udrawSVG="SVGDesigner"] [data-udrawSVG="image_replace_list"] li.empty_list {
    width: 95%;
    border: 0;
    text-align: center;
    font-size: 20px;
    color: #aaa;
}

[data-udrawSVG="SVGDesigner"] [data-udrawSVG="image_replace_list"] img {
    max-width: 100%;
    max-height: 100%;
}

[data-udrawSVG="SVGDesigner"] .stock_image_container {
    height: calc(85vh - 255px);
}

[data-udrawSVG="SVGDesigner"] [data-udrawsvg="stock_image_modal"] ul.stock_image_list {
    height: 100%;
    overflow: auto;
}

[data-udrawSVG="SVGDesigner"] [data-udrawSVG="stock_image_modal"] ul.private_library_list {
    overflow: auto;
    height: 100%;
    margin-bottom: 0;
}

[data-udrawSVG="SVGDesigner"] [data-udrawSVG="stock_image_modal"] ul.private_library_list[data-stock_image="private"] li {
    display: inline-block;
}

[data-udrawSVG="SVGDesigner"] [data-udrawSVG="stock_image_modal"] ul.private_library_list,
[data-udrawSVG="SVGDesigner"] [data-udrawSVG="stock_image_modal"] ul.private_image_library {
    padding: 5px;
}

[data-udrawSVG="SVGDesigner"] ul[data-udrawSVG="layers_list"] {
    text-align: left;
}

[data-udrawSVG="SVGDesigner"] ul[data-udrawSVG="layers_list"] li.layer span {
    margin-left: 5px;
}

[data-udrawSVG="SVGDesigner"] ul[data-udrawSVG="layers_list"] ul.layer_child {
    margin-left: 30px;
    border-left: 1px solid black;
}

[data-udrawSVG="SVGDesigner"] ul[data-udrawSVG="layers_list"] img.layer_image_thumbnail {
    max-width: 25px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

[data-udrawSVG="SVGDesigner"] ul[data-udrawSVG="layers_list"] i.delete_object {
    margin-left: 5px;
}

[data-udrawSVG="SVGDesigner"] ul[data-udrawSVG="layers_list"] div.preview_div {
    display: inline-block;
    cursor: pointer;
}
        
@media only screen and (min-width: 430px) {
    [data-udrawSVG="SVGDesigner"] .image_filter_table button.image_filter_button {
        font-size: 10px;
    }
    [data-udrawSVG="SVGDesigner"] [data-udrawsvg="image_replace_modal"] div.replace_method_container a.bulk_image_button {
        font-size: 12px;
    }
}

@media only screen and (min-width: 650px) {
    img.image_thumbnail {
        max-width: 150px;
    }
    [data-udrawSVG="SVGDesigner"] [data-udrawsvg="image_replace_modal"] div.replace_method_container.desktop_only {
        display: inline-block;
        overflow-y: auto;
        height: 80%;
        width: 15%;
    }
    [data-udrawSVG="SVGDesigner"] [data-udrawsvg="image_replace_modal"] div.replace_method_container.desktop_only {
        display: inline-block;
        overflow-y: auto;
        height: 80%;
        width: 15%;
    }
    [data-udrawSVG="SVGDesigner"] [data-udrawsvg="image_replace_modal"] div.replace_method_container.desktop_only a.bulk_image_button {
        display: block;
    }
    [data-udrawSVG="SVGDesigner"] [data-udrawsvg="image_replace_modal"] div.replace_method_container.desktop_only a.bulk_image_button.active {
        border-left: 5px solid #5bd49c;
        margin-left: 0;
    }
    [data-udrawSVG="SVGDesigner"] [data-udrawsvg="image_replace_modal"] div.images_container {
        display: inline-block;
        width: 84%;
        height: 100%;
    }
    [data-udrawSVG="SVGDesigner"] table td {
        padding: 0;
    }
    [data-udrawSVG="SVGDesigner"] .desktop_only {
        display: initial;
    }
    [data-udrawSVG="SVGDesigner"] .mobile_only {
        display: none;
    }
    [data-udrawSVG="SVGDesigner"] .image_filter_table button.image_filter_button {
        font-size: 14px;
    }
    [data-udrawSVG="SVGDesigner"] [data-udrawSVG="google_albums_container"],    
    [data-udrawSVG="SVGDesigner"] [data-udrawSVG="google_photos_container"] {
        height: 80%;
    }
}

@media only screen and (min-height: 750px) {
    [data-udrawsvg="google_albums_buttons_container"],
    [data-udrawsvg="google_photos_buttons_container"],
    [data-udrawsvg="instagram_photos_buttons_container"] {
        padding: 10px;
    }
}
@media only screen and (min-width: 500px) {
    [data-udrawSVG="SVGDesigner"] [data-udrawsvg="local_image_list"] li,
    [data-udrawSVG="SVGDesigner"] [data-udrawsvg="facebook_albums_list"] li,
    [data-udrawSVG="SVGDesigner"] [data-udrawsvg="facebook_photos_list"] li,
    [data-udrawSVG="SVGDesigner"] [data-udrawsvg="image_replace_list"] li,
    [data-udrawSVG="SVGDesigner"] [data-udrawSVG="google_albums_list"] li,
    [data-udrawSVG="SVGDesigner"] [data-udrawSVG="google_photos_list"] li,
    [data-udrawSVG="SVGDesigner"] [data-udrawSVG="instagram_photos_list"] li,
    [data-udrawSVG="SVGDesigner"] [data-udrawsvg="stock_image_modal"] ul.stock_image_list li {
        width: 45%;
    }
}
@media only screen and (min-width: 650px) {
    [data-udrawSVG="SVGDesigner"] [data-udrawsvg="local_image_list"] li,
    [data-udrawSVG="SVGDesigner"] [data-udrawsvg="facebook_albums_list"] li,
    [data-udrawSVG="SVGDesigner"] [data-udrawsvg="facebook_photos_list"] li,
    [data-udrawSVG="SVGDesigner"] [data-udrawsvg="image_replace_list"] li,
    [data-udrawSVG="SVGDesigner"] [data-udrawSVG="google_albums_list"] li,
    [data-udrawSVG="SVGDesigner"] [data-udrawSVG="google_photos_list"] li,
    [data-udrawSVG="SVGDesigner"] [data-udrawSVG="instagram_photos_list"] li,
    [data-udrawSVG="SVGDesigner"] [data-udrawsvg="stock_image_modal"] ul.stock_image_list li {
        width: 20%;
    }
    [data-udrawSVG="SVGDesigner"] [data-udrawSVG="add_to_cart"] > div {
        width: auto;
    }
    
    [data-udrawSVG="SVGDesigner"] .modal-content {
        max-height: 90vh;
    }
    [data-udrawSVG="SVGDesigner"] [data-udrawsvg="image_replace_modal"] [data-udrawsvg="local_image_list"] {
        height: 90%;
    }
    [data-udrawSVG="facebook_modal"] ul,
    [data-udrawSVG="user_image_modal"] ul,
    [data-udrawsvg="google_photos_modal"] ul {
        max-height: 70vh;
    }
    
    
    [data-udrawSVG="SVGDesigner"] .body-block div.sidebar,
    [data-udrawSVG="SVGDesigner"] .body-block div.main_body {
        height: 100%;
    }
    [data-udrawSVG="SVGDesigner"] div.main_body {
        width: calc(95% - 115px - 25%);
    }
    [data-udrawSVG="SVGDesigner"] div.sidebar.has_tabs {
        width: 25%;
        border-left: 1px solid #ccc;
    }
    [data-udrawSVG="SVGDesigner"] div.sidebar.has_tabs div.tab-content {
        height: 95%;
    }
}

[data-udrawSVG="SVGDesigner"] [data-udrawsvg="progress_modal"] div.modal-dialog {
    transform: translateY(40vh);
}

[data-udrawSVG="SVGDesigner"] li.page_li span.page_label {
    cursor: pointer;
}