@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
/* CSS - Cascading Style Sheet */
/* Palette color codes */
/* Palette URL: http://paletton.com/#uid=1560u0kp6DxeQPqkoIZuY-gyBq9 */
/* Feel free to copy&paste color codes to your application */
.teko { font-family: 'Teko', sans-serif; }
.bold { font-weight: bold;}
.medium { font-weight: 700;}
/* As hex codes */

.color-primary-0 { color: #D42E9A }	/* Main Primary color */
.color-primary-1 { color: #EA7DC4 }
.color-primary-2 { color: #DE51AD }
.color-primary-3 { color: #CD0787 }
.color-primary-4 { color: #A10069 }

.bg-primary-0 { background-color: #D42E9A }	/* Main Primary color */
.bg-primary-1 { background-color: #EA7DC4 }
.bg-primary-2 { background-color: #DE51AD }
.bg-primary-3 { background-color: #CD0787 }
.bg-primary-4 { background-color: #A10069 }

.border-primary-0 { border-color: #D42E9A !important}	/* Main Primary color */
.border-primary-1 { border-color: #EA7DC4 !important }
.border-primary-2 { border-color: #DE51AD !important}
.border-primary-3 { border-color: #CD0787 !important}
.border-primary-4 { border-color: #A10069 !important}
/* As RGBa codes */

.rgba-primary-0 { color: rgba(212, 46,154,1) }	/* Main Primary color */
.rgba-primary-1 { color: rgba(234,125,196,1) }
.rgba-primary-2 { color: rgba(222, 81,173,1) }
.rgba-primary-3 { color: rgba(205,  7,135,1) }
.rgba-primary-4 { color: rgba(161,  0,105,1) }

.bg-white { background-color: #FFFFFF;}

.container, .section-heading { padding-top: 1rem; padding-bottom: 1rem}
/* Homepage only */
body#zappriowelcome {
background-image: url('/_assets/images/bg/03.jpg') ;
background-size: cover;}
body#zappriowelcome .container {
  margin-top: 4rem;
}
.media-chooser > .card-header { visibility: hidden !important;}
.media-chooser.selected > .card-header { visibility: visible !important;}
.media-chooser.selected { border:2px solid #FF00FF;}
.media_list .card_actions {
  display: block;
}
.clone .card_actions{
  display: none;
}

// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) {
}

// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) {
 }

// Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) {
 }

// Large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) {
 }