#cloudinary-overlay.with_theme { display: block; } #cloudinary-overlay.modal { background-color:#ccc; } .widget .panel.local .drag_area .drag_content .or{ color:#585858; } #cloudinary-overlay { background-color: rgba(0,0,0,0.7); } #cloudinary-widget { background: #ffffff; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #cloudinary-navbar { background: #fff; border: none; border-bottom: 1px solid #eee; margin: 0 0 10px 0; min-height: 30px; } #cloudinary-navbar .source { border-right: 0px; border-bottom: 3px solid; border-color: transparent; height: 30px; width: 87px; } #cloudinary-navbar .source .label { font-size: 14px; line-height: 22px; width: 87px; } #cloudinary-navbar .source .icon { display: none; } #cloudinary-navbar .source.active { background: none; border-bottom: 3px solid #df2027; } #cloudinary-navbar .source.active .label { color: #000; } #cloudinary-widget .drag_area { background: #fff; border: 2px dashed #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 30px 20px 0px 20px; } #cloudinary-widget .drag_area.in { border-color: #01BB16 } #cloudinary-navbar .sources .icon { background-position-x: 0px ; } #cloudinary-navbar .close { color: rgb(85, 85, 85); } #cloudinary-widget .button, #cloudinary-widget .button.small_button { box-sizing: border-box; color: #df2027; background: none; border: 2px solid #df2027; } #cloudinary-widget .button { height: 45px; line-height: 30px; } #cloudinary-widget .upload_button_holder .button { width: 180px; } #cloudinary-widget .button.small_button { height: 35px; width: 140px; line-height: 25px; } #cloudinary-widget .button:hover, #cloudinary-widget .button.small_button:hover, #cloudinary-widget .upload_button_holder:hover .button { background: #df2027; color: #fff; } #cloudinary-widget .panel { height: 479px; } #cloudinary-widget .panel.local { margin-top: 20px; } #cloudinary-widget .panel.local .drag_area .drag_content .label { color: #585858; font-size: 22px; } #cloudinary-widget .panel.progress .thumbnails { margin-top: 4px; } #cloudinary-widget .panel.camera .form .button_holder { margin-top: 10px; margin-bottom: 10px; } #cloudinary-widget .panel.camera .note { font-weight: normal; font-size: 13px; padding: 4px 20px 4px 20px; } #cloudinary-widget .panel.camera video { border-width:0px; } #cloudinary-widget .camera .form { background:#fff; border: 1px solid #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 0px 20px 0px 20px; padding-top: 10px; } #cloudinary-overlay.inline .widget { border: 1px solid #ddd; } @media screen and (max-width: 767px) { #cloudinary-widget .drag_area { border: none; background: none; } }