@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

body{margin:0;padding:0; font-family: 'Roboto', sans-serif !important;}
.right-pricings-label-price{font-size:1.1rem;line-height:1.5}
.right-pricings-label-byline,.right-pricings-label-price{font-family: 'Roboto', sans-serif; font-weight:400;letter-spacing:.00938em}
.right-pricings-label-byline{font-size:.7rem;line-height:1}
.banner-link{color:#fff; font-size: 14px;  text-decoration: none}
.standard-link{font-family: 'Roboto', sans-serif; font-weight:400;line-height:1.5;letter-spacing:.00938em}
 
  div#pills-font .MuiOutlinedInput-input {
    padding: 5px 10px; 
    border: 1px solid #bbbbbb6b;
    border-radius: 8px;
}
#sucmesg h5#exampleModalLabel {
    text-align: center;
    margin-top: 20px; 
}
#sucmesg button.close {
    display: none;
}
div#pills-font {
    padding: 17px;
}
 .socks_active .jasery {
    transform: translate(-10%, 0);
}
.sample_txt{
	text-align:center;
}
.sample_txt a {
    padding-top: 15px;
    display: inline-block;
    color: #212529;
    font-size: 15px;
}
.sample_txt a:hover {
    text-decoration:underline;
	color: #212529;
}
 .jasery_active .socks {
    transform: translate(37%, -9%);
}
.pat_sec_1 {
    margin-bottom: 4px;
}
.pat_sec_2 {
    margin-bottom: 4px;
}

.modal-content {
    border: none;
    background: transparent;
    padding: 0 40px;
}
.modal-dialog {
    max-width: 450px !important;
}
.col-md-8.loader_pat div#loader_patern {
	     position: absolute;
    top: 37%;
    z-index: revert;
    left: 40%;
    width: 100%;
}
.signup_load .message_box {
    margin: 10px 0px;
    position: absolute;
    width: 100%;
    background-color: #0000004a;
    height: 100%;
    right: 0;
    left: 0;
}
.signup_load .message_box img {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 999999;
    top: 45%;
}
.close {
    position: relative;
    top: 48px;
    left: 13px;
    z-index: 1;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    color: black
}
.act span.number {
    display: block;
}
.act span.list_counting {
    background: #4cda14 !important;
}
span.list_counting i {
	 display: none;
}
.act span.list_counting i {
    display: block;
    font-size: 16px;
    margin: 1px 0px 0 -2px;
}
.modal-header {
    display: block !important;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 0px !important;
    border-bottom: 0px !important;
    /* border-top-left-radius: calc(.3rem - 1px); */
    /* border-top-right-radius: calc(.3rem - 1px); */
}
.modal-body {
    border: none;
    background-color: white;
    padding-bottom: 5px
}


/*************22-7-2021*****************/
.jss78{
	width: 85%;
}
.jss1678 {
    text-align: center;
    margin: 0 0 20px 0;
}
div#pills-color2, div#pills-color3, div#pills-profile, div#pills-contact {
    padding: 0 0 15px 15px;
}
div#panelsStayOpen-collapsesix .accordion-body {
    padding: 15px 20px !important;
}
.jss16.price_layer{
    padding-top: 14px;
}
.row.addformb .MuiFormControl-root.jss136.MuiFormControl-fullWidth {
    padding: 10px 0 0;
}
.input_fields_wrap .row.addformb .MuiFormControl-root.jss136.MuiFormControl-fullWidth {
    margin-top: 0;
}
a.remove_field i {
    font-size: 25px !important;
	padding-top: 5px;
}
.jss16.su_button button#btnvlsv {
    border-radius: 12px;
}
.add_more_button {
    margin: 20px;
}
div#panelsStayOpen-collapseThree ul#pills-tab li.nav-item{
padding: 0 7px;
}
.font-select {
    padding: 10px 20px !important;
}
.MuiCollapse-container.MuiCollapse-entered {
    padding: 15px 20px;
}
#pills-tabContent\ p-3 .row {
    padding: 0 20px;
}
ul#pills-tab {
    margin-top: 0px;
    padding: 0 0px;
}
ul#pills-tab li.nav-item {
    padding: 0 28px;
}
ul#pills-tab li.nav-item:first-child {
    padding-left: 0;
}
ul#pills-tab li.nav-item:last-child {
    padding-right: 0;
}
div#pills-tabContent\ p-3 .col-md-5 .MuiFormControl-root.jss136.MuiFormControl-fullWidth, div#pills-tabContent\ p-3 .col-md-3 .MuiFormControl-root.jss136.MuiFormControl-fullWidth, div#pills-tabContent\ p-3 .col-md-4 .MuiFormControl-root.jss136.MuiFormControl-fullWidth {
    padding: 0;
}
div#panelsStayOpen-collapsefour {
    padding: 15px 20px;
}
.container-fluid button {
    font-size: 15px !important;
    color: #000 !important;
    font-family: 'gobold_boldregular';
}
ul#pills-tab .nav-link {
    text-transform: uppercase;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding: 12px 8px;
}
p#pills--tab {
    margin-bottom: 0;
}
.add_more_button span.MuiButton-label {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}
.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url('../images/down-arrow.png');
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}
.accordion-button:not(.collapsed)::after {
    background-image: url('../images/down-arrow.png');
    transform: rotate(-180deg);
}
div#accordionPanelsStayOpenExample .accordion-button::after {
    transition: transform 1s ease-in-out;
}
.accordion-header {
    margin-bottom: -1px;
}

.acc-outter {
    display: flex;
    align-items: center;
    padding: 5px 20px 0px;
    box-shadow: inset 0 -2px 6px rgb(0 0 0 / 6%);
}

.main .navbar.navbar-expand-lg.navbar-light.bg-light.background {
    display: none;
}
.navbar.navbar-expand-lg.navbar-light.bg-light.background {
    background-color:transparent !important;
}
.navigation ul li {
    padding: 3px 0;
}
.navigation ul li a {
    color: #000;
}
.navigation ul li a:hover{
	text-decoration:none;
}
.main-image {
    background: url(./images/banner.jpg);
    background-repeat: no-repeat;
    width: 100%;
    padding: 20% 0;
    position: relative;
}

.list ul li h6 {
    padding: 0 42px;
    font-size: 14px;
	    font-weight: 400;
}
.list ul {
    list-style-type: none;
    padding: 0;
}
.list ul li p a {
    text-decoration: none;
	    color: black;
}
.list ul li p {
    margin: 0;
    display: inline;
    margin: 0 15px;
    font-size: 14px;
    line-height: 18px;
}
.jss16.price_layer .jss485 {
    border-radius: 12px;
}
.jss16.price_layer i.fa.fa-usd {
    display: none;
}
.card-header, .card-body {
    padding: 0 !important;
}
.flex_section p {
    margin: 0;
}
.flex_section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}
h2.tittle {
    margin-bottom: 20px;
}
input#remove_logo {
    background: #c8102e;
    border: none;
    border-radius: 6px;
    color: #fff;
    text-transform: capitalize;
    padding: 5px 10px;
    display: block;
    margin: 20px auto 5px;
}
.MuiGrid-grid-xs-true {
    margin-top: -5px !important;
}
span.MuiSlider-root.MuiSlider-colorPrimary {
    padding: 0 !important;
}
div#panelsStayOpen-collapseseven .col-md-5, div#panelsStayOpen-collapseseven .col-md-4 {
    padding-right: 0;
}
.nav {
    justify-content: space-between;
    width: 100%;
}

/*****************28-7-2021********************/
.jss12 {
    max-width: 26% !important;
}
.price_less {
    display: flex;
    align-items: flex-start;
}
.jss16.price_layer p {
    margin: 0;
    font-weight: 600;
}



div#sock1 .card-body {
    padding: 20px !important;
}
div#switch-container { 
    float: right;
    border: none !important;
    margin-right: 0 !important;
}
/*************24-7-2021*****************/
div#panelsStayOpen-collapsefour {
	padding:20px;
}
.accordion-body div#switch-container {
    float: right;
    border: none !important;
}
div#switch-selector span {
    opacity: 1 !important;
}
div#pills-font div#fontSelect-undefined {
    margin: 15px 0;
}
div#pills-color1, div#pills-color2, div#pills-color3{
	box-shadow: inset 0 -2px 6px rgb(0 0 0 / 6%);
    padding: 20px 10px 20px 20px;
	}
div#panelsStayOpen-collapseThree .shadow-sm li.nav-item {
    margin: 5px 20px 0px;	
}
div#panelsStayOpen-collapseThree ul#pills-tab{
	margin-bottom: 0 !important;
	border-bottom: 1px solid #ddd;
}
div#pills-tabContent\ p-3 ul#pills-tab{
	margin-bottom: 0 !important;
}
div#panelsStayOpen-collapseThree div#pills-home, div#panelsStayOpen-collapseThree div#pills-tabContent\ p-3 {
    margin: 20px 0px 20px 10px;
}
.jss273 {
    font-size: 6px !important;
}
.row.addformb span.counting {
    margin-left: 15px;
}
.MuiFormControl-root.jss136.MuiFormControl-fullWidth {
    margin-top: 20px;
}
div#team_name1 .MuiFormControl-root.jss136.MuiFormControl-fullWidth.team_name_class {
    margin-top: 5px;
    padding: 20px;
}
.modal-body.p-0.row h2 {
    text-align: center;
    font-size: 25px;
    text-transform: capitalize;
}
button:focus {
    outline: unset !important;
}
.modal-body.p-0.row .details.col-12.col-lg-12 {
    padding-top: 25px;
}
.modal-header .close {
    padding: 0 !important;
    margin: 0 !important;
}
.modal-header button.close{
	top:8px 0 !important;
}
.details.col-12.col-lg-12 i.fa.fa-envelope {
    text-align: center;
    width: 100%;
    font-size: 35px;
	margin:0 0 20px 0;
	position:relative;
}
.details.col-12.col-lg-12 i.fa.fa-envelope:after {
    position: absolute;
    border-bottom: 3px solid #212529;
    width: 55px;
    height: 2px;
    content: "";
    bottom: -9px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.save_now_div {
    position: absolute;
    bottom: 0;
    right: 0;
}
.mail_section {
    position: relative;
}
.mail_section .form-group.mt-3.pt-3.mb-5 {
    margin: 0 !important;
}
.mail_section .MuiButton-containedSizeLarge {
    padding: 6px 22px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.jss16.su_button button > img {
    display: none;
}
.loader {
    width: 60px !important;
    height: 60px !important;
    margin: 15px auto 0;
}
.jss485 {
    border-radius: 15px;
}
.tab-content>.active {
    display: flex !important;
    flex-wrap: wrap;
}
div#roaster1 .row {
    margin: 0 !important;
}
#switch-container {
    background: #ffffff !important;
    width: 90px !important;
    height: 33px !important;
	overflow: hidden;
}
div#switch-container div#switch-selector {
    opacity: 1 !important;
}
.sw-active, .sw-inactive {
    line-height: 33px !important;
}
#switch-selector {
    height: 33px !important;
	background: #0179c2 !important;
}

#jersey-container {
    background: #ffffff !important;
    width: 90px !important;
    height: 33px !important;
	overflow: hidden;
	    border: 0;
}
div#jersey-container div#jersey-selector {
    opacity: 1 !important;
}
.sw-active, .sw-inactive {
    line-height: 37px !important;
}
#jersey-selector {
    height: 33px !important;
	  background: #0179c2 !important;
}
.backname-active, .backname-inactive{
    line-height: 37px !important;
}
.sleeve-active, .sleeve-inactive{
    line-height: 37px !important;
}
.backnum-active, .backnum-inactive{
    line-height: 37px !important;
}
/*************Css-End*****************/

@media (min-width: 768px){
.col-md-8 {
    flex: 0 0 auto;
    width: 64% !important;
}
.col-md-4 {
    flex: 0 0 auto;
    width: 36% !important;
}

}

@media (min-width:599px) {
    .modal-dialog {
        max-width: 47rem
    }

    .details {
        padding: 60px 0 40px 50px
    }

    .text-muted a {
        color: #c0bfbf;
        font-weight: bold;
        text-decoration: underline
    }

    small.para {
        font-weight: bold;
        font-size: 14px;
        color: #63686c
    }
}
 @font-face {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Regular'), url('css/fonts/MYRIADPRO-REGULAR.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Condensed'), url('css/fonts/MYRIADPRO-COND.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Condensed Italic'), url('css/fonts/MYRIADPRO-CONDIT.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Light';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Light'), url('css/fonts/MyriadPro-Light.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Semibold';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Semibold'), url('css/fonts/MYRIADPRO-SEMIBOLD.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Semibold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Semibold Italic'), url('css/fonts/MYRIADPRO-SEMIBOLDIT.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold Condensed'), url('css/fonts/MYRIADPRO-BOLDCOND.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold'), url('css/fonts/MYRIADPRO-BOLD.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold Italic'), url('css/fonts/MYRIADPRO-BOLDIT.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold Condensed Italic'), url('css/fonts/MYRIADPRO-BOLDCONDIT.woff') format('woff');
    }
	@font-face {
    font-family: 'JerseyM54';
    src: url('fonts/jersey_m54-webfont.woff2') format('woff2'),
         url('fonts/jersey_m54-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'nhl_san_joseregular';
    src: url('fonts/champion-webfont.woff2') format('woff2'),
         url('fonts/champion-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nhl_chicagoregular';
    src: url('fonts/classic-webfont.woff2') format('woff2'),
         url('fonts/classic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'jersey_m54regular';
    src: url('fonts/pro_block-webfont.woff2') format('woff2'),
         url('fonts/pro_block-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

 
@font-face {
    font-family: 'gobold_boldregular';
    src: url('fonts/gobold_bold-webfont.woff2') format('woff2'),
         url('fonts/gobold_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'goboldregular';
    src: url('fonts/gobold_regular-webfont.woff2') format('woff2'),
         url('fonts/gobold_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body{
	    height: 100vh;
}  
.carousel-wrap {
  margin: 90px auto;
  padding: 0 5%;
  width: 80%;
  position: relative;
}
div#accordionPanelsStayOpenExample .accordion-item .accordion-collapse {
    transition: all 1s ease 0s;
}
div#accordionPanelsStayOpenExample .accordion-button::after {
    transition: transform 1s ease-in-out;
}

/* fix blank or flashing items on carousel */
.owl-carousel .item {
  position: relative;
  z-index: 100; 
  -webkit-backface-visibility: hidden; 
}

/* end fix */
.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}

.owl-nav i {
  font-size: 52px;
}

.owl-nav .owl-prev {
  left: -30px;
}

.owl-nav .owl-next {
  right: -30px;
}


.MuiTypography-root {
  margin: 0;
}
.MuiTypography-body2 {
  font-size: 0.875rem;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.43;
  letter-spacing: 0.01071em;
}
.MuiTypography-body1 {
  font-size: 1rem;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.00938em;
}
.MuiTypography-caption {
  font-size: 0.75rem;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.66;
  letter-spacing: 0.03333em;
}
.MuiTypography-button {
  font-size: 0.875rem;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: uppercase;
}
.MuiTypography-h1 {
  font-size: 6rem;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 300;
  line-height: 1.167;
  letter-spacing: -0.01562em;
}
.MuiTypography-h2 {
  font-size: 3.75rem;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -0.00833em;
}
.MuiTypography-h3 {
  font-size: 3rem;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.167;
  letter-spacing: 0em;
}
.MuiTypography-h4 {
  font-size: 2.125rem;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.235;
  letter-spacing: 0.00735em;
}
.MuiTypography-h5 {
  font-size: 1.5rem;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.334;
  letter-spacing: 0em;
}
.MuiTypography-h6 {
  font-size: 1.25rem;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.0075em;
}
.MuiTypography-subtitle1 {
  font-size: 1rem;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.00938em;
}
.MuiTypography-subtitle2 {
  font-size: 0.875rem;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: 0.00714em;
}
.MuiTypography-overline {
  font-size: 0.75rem;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  line-height: 2.66;
  letter-spacing: 0.08333em;
  text-transform: uppercase;
}
.MuiTypography-srOnly {
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute;
}
.MuiTypography-alignLeft {
  text-align: left;
}
.MuiTypography-alignCenter {
  text-align: center;
}
.MuiTypography-alignRight {
  text-align: right;
}
.MuiTypography-alignJustify {
  text-align: justify;
}
.MuiTypography-noWrap {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.MuiTypography-gutterBottom {
  margin-bottom: 0.35em;
}
.MuiTypography-paragraph {
  margin-bottom: 16px;
}
.MuiTypography-colorInherit {
  color: inherit;
}
.MuiTypography-colorPrimary {
  color: #3f51b5;
}
.MuiTypography-colorSecondary {
  color: #f50057;
}
.MuiTypography-colorTextPrimary {
  color: rgba(0, 0, 0, 0.87);
}
.MuiTypography-colorTextSecondary {
  color: rgba(0, 0, 0, 0.54);
}
.MuiTypography-colorError {
  color: #f44336;
}
.MuiTypography-displayInline {
  display: inline;
}
.MuiTypography-displayBlock {
  display: block;
}

.MuiTouchRipple-root {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  overflow: hidden;
  position: absolute;
  border-radius: inherit;
  pointer-events: none;
}
.MuiTouchRipple-ripple {
  opacity: 0;
  position: absolute;
}
.MuiTouchRipple-rippleVisible {
  opacity: 0.3;
  animation: MuiTouchRipple-keyframes-enter 550ms cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(1);
}
.MuiTouchRipple-ripplePulsate {
  animation-duration: 200ms;
}
.MuiTouchRipple-child {
  width: 100%;
  height: 100%;
  display: block;
  opacity: 1;
  border-radius: 50%;
  background-color: currentColor;
}
.MuiTouchRipple-childLeaving {
  opacity: 0;
  animation: MuiTouchRipple-keyframes-exit 550ms cubic-bezier(0.4, 0, 0.2, 1);
}
.MuiTouchRipple-childPulsate {
  top: 0;
  left: 0;
  position: absolute;
  animation: MuiTouchRipple-keyframes-pulsate 2500ms cubic-bezier(0.4, 0, 0.2, 1) 200ms infinite;
}
@-webkit-keyframes MuiTouchRipple-keyframes-enter {
  0% {
    opacity: 0.1;
    transform: scale(0);
  }
  100% {
    opacity: 0.3;
    transform: scale(1);
  }
}
@-webkit-keyframes MuiTouchRipple-keyframes-exit {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes MuiTouchRipple-keyframes-pulsate {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.92);
  }
  100% {
    transform: scale(1);
  }
}

.MuiButtonBase-root {
  color: inherit;
  border: 0;
  cursor: pointer;
  margin: 0;
  display: inline-flex;
  outline: 0;
  padding: 0;
  position: relative;
  align-items: center;
  user-select: none;
  border-radius: 0;
  vertical-align: middle;
  -moz-appearance: none;
  justify-content: center;
  text-decoration: none;
  background-color: transparent;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}
.MuiButtonBase-root::-moz-focus-inner {
  border-style: none;
}
.MuiButtonBase-root.Mui-disabled {
  cursor: default;
  pointer-events: none;
}

.MuiButton-root {
  color: rgba(0, 0, 0, 0.87);
  padding: 6px 16px;
  font-size: 0.875rem;
  min-width: 64px;
  box-sizing: border-box;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  line-height: 1.75;
  border-radius: 4px;
  letter-spacing: 0.02857em;
  text-transform: uppercase;
}
.MuiButton-root:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.04);
}
.MuiButton-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}
@media (hover: none) {
  .MuiButton-root:hover {
    background-color: transparent;
  }
}
.MuiButton-root:hover.Mui-disabled {
  background-color: transparent;
}
.MuiButton-label {
  width: 100%;
  display: inherit;
  align-items: inherit;
  justify-content: inherit;
}
.MuiButton-text {
  padding: 6px 8px;
}
.MuiButton-textPrimary {
  color: #3f51b5;
}
.MuiButton-textPrimary:hover {
  background-color: rgba(63, 81, 181, 0.04);
}
@media (hover: none) {
  .MuiButton-textPrimary:hover {
    background-color: transparent;
  }
}
.MuiButton-textSecondary {
  color: #f50057;
}
.MuiButton-textSecondary:hover {
  background-color: rgba(245, 0, 87, 0.04);
}
@media (hover: none) {
  .MuiButton-textSecondary:hover {
    background-color: transparent;
  }
}
.MuiButton-outlined {
  border: 1px solid rgba(0, 0, 0, 0.23);
  padding: 5px 15px;
}
.MuiButton-outlined.Mui-disabled {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.MuiButton-outlinedPrimary {
  color: #3f51b5;
  border: 1px solid rgba(63, 81, 181, 0.5);
}
.MuiButton-outlinedPrimary:hover {
  border: 1px solid #3f51b5;
  background-color: rgba(63, 81, 181, 0.04);
}
@media (hover: none) {
  .MuiButton-outlinedPrimary:hover {
    background-color: transparent;
  }
}
.MuiButton-outlinedSecondary {
  color: #f50057;
  border: 1px solid rgba(245, 0, 87, 0.5);
}
.MuiButton-outlinedSecondary:hover {
  border: 1px solid #f50057;
  background-color: rgba(245, 0, 87, 0.04);
}
.MuiButton-outlinedSecondary.Mui-disabled {
  border: 1px solid rgba(0, 0, 0, 0.26);
}
@media (hover: none) {
  .MuiButton-outlinedSecondary:hover {
    background-color: transparent;
  }
}
.MuiButton-contained {
  color: rgba(0, 0, 0, 0.87);
  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
  background-color: #e0e0e0;
}
.MuiButton-contained:hover {
  box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
  background-color: #d5d5d5;
}
.MuiButton-contained.Mui-focusVisible {
  box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
}
.MuiButton-contained:active {
  box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
}
.MuiButton-contained.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.12);
}
@media (hover: none) {
  .MuiButton-contained:hover {
    box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
    background-color: #e0e0e0;
  }
}
.MuiButton-contained:hover.Mui-disabled {
  background-color: rgba(0, 0, 0, 0.12);
}
.MuiButton-containedPrimary {
  color: #fff;
  background-color: #3f51b5;
}
.MuiButton-containedPrimary:hover {
  background-color: #303f9f;
}
@media (hover: none) {
  .MuiButton-containedPrimary:hover {
    background-color: #3f51b5;
  }
}
.MuiButton-containedSecondary {
  color: #fff;
  background-color: #f50057;
}
.MuiButton-containedSecondary:hover {
  background-color: #c51162;
}
@media (hover: none) {
  .MuiButton-containedSecondary:hover {
    background-color: #f50057;
  }
}
.MuiButton-disableElevation {
  box-shadow: none;
}
.MuiButton-disableElevation:hover {
  box-shadow: none;
}
.MuiButton-disableElevation.Mui-focusVisible {
  box-shadow: none;
}
.MuiButton-disableElevation:active {
  box-shadow: none;
}
.MuiButton-disableElevation.Mui-disabled {
  box-shadow: none;
}
.MuiButton-colorInherit {
  color: inherit;
  border-color: currentColor;
}
.MuiButton-textSizeSmall {
  padding: 4px 5px;
  font-size: 0.8125rem;
}
.MuiButton-textSizeLarge {
  padding: 8px 11px;
  font-size: 0.9375rem;
}
.MuiButton-outlinedSizeSmall {
  padding: 3px 9px;
  font-size: 0.8125rem;
}
.MuiButton-outlinedSizeLarge {
  padding: 7px 21px;
  font-size: 0.9375rem;
}
.MuiButton-containedSizeSmall {
  padding: 4px 10px;
  font-size: 0.8125rem;
}
.MuiButton-containedSizeLarge {
  padding: 7px 13px;
  font-size: 0.9375rem;
}
.MuiButton-fullWidth {
  width: 100%;
}
.MuiButton-startIcon {
  display: inherit;
  margin-left: -4px;
  margin-right: 8px;
}
.MuiButton-startIcon.MuiButton-iconSizeSmall {
  margin-left: -2px;
}
.MuiButton-endIcon {
  display: inherit;
  margin-left: 8px;
  margin-right: -4px;
}
.MuiButton-endIcon.MuiButton-iconSizeSmall {
  margin-right: -2px;
}
.MuiButton-iconSizeSmall > *:first-child {
  font-size: 18px;
}
.MuiButton-iconSizeMedium > *:first-child {
  font-size: 20px;
}
.MuiButton-iconSizeLarge > *:first-child {
  font-size: 22px;
}

.MuiCollapse-container {
  height: 0;
  overflow: hidden;
  transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiCollapse-entered {
  height: auto;
  overflow: visible;
}
.MuiCollapse-hidden {
  visibility: hidden;
}
.MuiCollapse-wrapper {
  display: flex;
}
.MuiCollapse-wrapperInner {
  width: 100%;
}

.MuiIconButton-root {
  flex: 0 0 auto;
  color: rgba(0, 0, 0, 0.54);
  padding: 12px;
  overflow: visible;
  font-size: 1.5rem;
  text-align: center;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: 50%;
}
.MuiIconButton-root:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.MuiIconButton-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}
@media (hover: none) {
  .MuiIconButton-root:hover {
    background-color: transparent;
  }
}
.MuiIconButton-edgeStart {
  margin-left: -12px;
}
.MuiIconButton-sizeSmall.MuiIconButton-edgeStart {
  margin-left: -3px;
}
.MuiIconButton-edgeEnd {
  margin-right: -12px;
}
.MuiIconButton-sizeSmall.MuiIconButton-edgeEnd {
  margin-right: -3px;
}
.MuiIconButton-colorInherit {
  color: inherit;
}
.MuiIconButton-colorPrimary {
  color: #3f51b5;
}
.MuiIconButton-colorPrimary:hover {
  background-color: rgba(63, 81, 181, 0.04);
}
@media (hover: none) {
  .MuiIconButton-colorPrimary:hover {
    background-color: transparent;
  }
}
.MuiIconButton-colorSecondary {
  color: #f50057;
}
.MuiIconButton-colorSecondary:hover {
  background-color: rgba(245, 0, 87, 0.04);
}
@media (hover: none) {
  .MuiIconButton-colorSecondary:hover {
    background-color: transparent;
  }
}
.MuiIconButton-sizeSmall {
  padding: 3px;
  font-size: 1.125rem;
}
.MuiIconButton-label {
  width: 100%;
  display: flex;
  align-items: inherit;
  justify-content: inherit;
}

.MuiTooltip-popper {
  flip: false;
  z-index: 1500;
  pointer-events: none;
}
.MuiTooltip-popperInteractive {
  pointer-events: auto;
}
.MuiTooltip-popperArrow[x-placement*="bottom"] .MuiTooltip-arrow {
  top: 0;
  flip: false;
  left: 0;
  width: 2em;
  height: 1em;
  margin-top: -0.95em;
  margin-left: 4px;
  margin-right: 4px;
}
.MuiTooltip-popperArrow[x-placement*="top"] .MuiTooltip-arrow {
  flip: false;
  left: 0;
  width: 2em;
  bottom: 0;
  height: 1em;
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: -0.95em;
}
.MuiTooltip-popperArrow[x-placement*="right"] .MuiTooltip-arrow {
  flip: false;
  left: 0;
  width: 1em;
  height: 2em;
  margin-top: 4px;
  margin-left: -0.95em;
  margin-bottom: 4px;
}
.MuiTooltip-popperArrow[x-placement*="left"] .MuiTooltip-arrow {
  flip: false;
  right: 0;
  width: 1em;
  height: 2em;
  margin-top: 4px;
  margin-right: -0.95em;
  margin-bottom: 4px;
}
.MuiTooltip-popperArrow[x-placement*="left"] .MuiTooltip-arrow::before {
  flip: false;
  border-color: transparent transparent transparent currentcolor;
  border-width: 1em 0 1em 1em;
}
.MuiTooltip-popperArrow[x-placement*="right"] .MuiTooltip-arrow::before {
  flip: false;
  border-color: transparent currentcolor transparent transparent;
  border-width: 1em 1em 1em 0;
}
.MuiTooltip-popperArrow[x-placement*="top"] .MuiTooltip-arrow::before {
  flip: false;
  border-color: currentcolor transparent transparent transparent;
  border-width: 1em 1em 0 1em;
}
.MuiTooltip-popperArrow[x-placement*="bottom"] .MuiTooltip-arrow::before {
  flip: false;
  border-color: transparent transparent currentcolor transparent;
  border-width: 0 1em 1em 1em;
}
.MuiTooltip-tooltip {
  color: #fff;
  padding: 4px 8px;
  font-size: 0.625rem;
  max-width: 300px;
  word-wrap: break-word;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  line-height: 1.4em;
  border-radius: 4px;
  background-color: rgba(97, 97, 97, 0.9);
}
.MuiTooltip-tooltipArrow {
  margin: 0;
  position: relative;
}
.MuiTooltip-arrow {
  color: rgba(97, 97, 97, 0.9);
  position: absolute;
  font-size: 6px;
}
.MuiTooltip-arrow::before {
  width: 0;
  height: 0;
  margin: auto;
  content: "";
  display: block;
  border-style: solid;
}
.MuiTooltip-touch {
  padding: 8px 16px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.14286em;
}
.MuiTooltip-tooltipPlacementLeft {
  margin: 0 24px ;
  transform-origin: right center;
}
@media (min-width:600px) {
  .MuiTooltip-tooltipPlacementLeft {
    margin: 0 14px;
  }
}
.MuiTooltip-tooltipPlacementRight {
  margin: 0 24px;
  transform-origin: left center;
}
@media (min-width:600px) {
  .MuiTooltip-tooltipPlacementRight {
    margin: 0 14px;
  }
}
.MuiTooltip-tooltipPlacementTop {
  margin: 24px 0;
  transform-origin: center bottom;
}
@media (min-width:600px) {
  .MuiTooltip-tooltipPlacementTop {
    margin: 14px 0;
  }
}
.MuiTooltip-tooltipPlacementBottom {
  margin: 24px 0;
  transform-origin: center top;
}
@media (min-width:600px) {
  .MuiTooltip-tooltipPlacementBottom {
    margin: 14px 0;
  }
}

@media print {
  .MuiDialog-root {
    position: absolute !important;
  }
}
.MuiDialog-scrollPaper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.MuiDialog-scrollBody {
  overflow-x: hidden;
  overflow-y: auto;
  text-align: center;
}
.MuiDialog-scrollBody:after {
  width: 0;
  height: 100%;
  content: "";
  display: inline-block;
  vertical-align: middle;
}
.MuiDialog-container {
  height: 100%;
  outline: 0;
}
@media print {
  .MuiDialog-container {
    height: auto;
  }
}
.MuiDialog-paper {
  margin: 32px;
  position: relative;
  overflow-y: auto;
}
@media print {
  .MuiDialog-paper {
    box-shadow: none;
    overflow-y: visible;
  }
}
.MuiDialog-paperScrollPaper {
  display: flex;
  max-height: calc(100% - 64px);
  flex-direction: column;
}
.MuiDialog-paperScrollBody {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.MuiDialog-paperWidthFalse {
  max-width: calc(100% - 64px);
}
.MuiDialog-paperWidthXs {
  max-width: 444px;
}
@media (max-width:507.95px) {
  .MuiDialog-paperWidthXs.MuiDialog-paperScrollBody {
    max-width: calc(100% - 64px);
  }
}
.MuiDialog-paperWidthSm {
  max-width: 600px;
}
@media (max-width:663.95px) {
  .MuiDialog-paperWidthSm.MuiDialog-paperScrollBody {
    max-width: calc(100% - 64px);
  }
}
.MuiDialog-paperWidthMd {
  max-width: 960px;
}
@media (max-width:1023.95px) {
  .MuiDialog-paperWidthMd.MuiDialog-paperScrollBody {
    max-width: calc(100% - 64px);
  }
}
.MuiDialog-paperWidthLg {
  max-width: 1280px;
}
@media (max-width:1343.95px) {
  .MuiDialog-paperWidthLg.MuiDialog-paperScrollBody {
    max-width: calc(100% - 64px);
  }
}
.MuiDialog-paperWidthXl {
  max-width: 1920px;
}
@media (max-width:1983.95px) {
  .MuiDialog-paperWidthXl.MuiDialog-paperScrollBody {
    max-width: calc(100% - 64px);
  }
}
.MuiDialog-paperFullWidth {
  width: calc(100% - 64px);
}
.MuiDialog-paperFullScreen {
  width: 100%;
  height: 100%;
  margin: 0;
  max-width: 100%;
  max-height: none;
  border-radius: 0;
}
.MuiDialog-paperFullScreen.MuiDialog-paperScrollBody {
  margin: 0;
  max-width: 100%;
}

.MuiSvgIcon-root {
  fill: currentColor;
  width: 1em;
  height: 1em;
  display: inline-block;
  font-size: 1.5rem;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  flex-shrink: 0;
  user-select: none;
}
.MuiSvgIcon-colorPrimary {
  color: #3f51b5;
}
.MuiSvgIcon-colorSecondary {
  color: #f50057;
}
.MuiSvgIcon-colorAction {
  color: rgba(0, 0, 0, 0.54);
}
.MuiSvgIcon-colorError {
  color: #f44336;
}
.MuiSvgIcon-colorDisabled {
  color: rgba(0, 0, 0, 0.26);
}
.MuiSvgIcon-fontSizeInherit {
  font-size: inherit;
}
.MuiSvgIcon-fontSizeSmall {
  font-size: 1.25rem;
}
.MuiSvgIcon-fontSizeLarge {
  font-size: 2.1875rem;
}

.MuiCircularProgress-root {
  display: inline-block;
}
.MuiCircularProgress-static {
  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiCircularProgress-indeterminate {
  animation: MuiCircularProgress-keyframes-circular-rotate 1.4s linear infinite;
}
.MuiCircularProgress-colorPrimary {
  color: #3f51b5;
}
.MuiCircularProgress-colorSecondary {
  color: #f50057;
}
.MuiCircularProgress-svg {
  display: block;
}
.MuiCircularProgress-circle {
  stroke: currentColor;
}
.MuiCircularProgress-circleStatic {
  transition: stroke-dashoffset 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiCircularProgress-circleIndeterminate {
  animation: MuiCircularProgress-keyframes-circular-dash 1.4s ease-in-out infinite;
  stroke-dasharray: 80px, 200px;
  stroke-dashoffset: 0px;
}
@-webkit-keyframes MuiCircularProgress-keyframes-circular-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes MuiCircularProgress-keyframes-circular-dash {
  0% {
    stroke-dasharray: 1px, 200px;
    stroke-dashoffset: 0px;
  }
  50% {
    stroke-dasharray: 100px, 200px;
    stroke-dashoffset: -15px;
  }
  100% {
    stroke-dasharray: 100px, 200px;
    stroke-dashoffset: -125px;
  }
}
.MuiCircularProgress-circleDisableShrink {
  animation: none;
}

.jss77 {
    position: relative;
    display: flex;
    height: 100%;
}
.jss78 {
  margin-left: auto;
  margin-right: auto;
}
.jss79 {
  border: none;
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.jss80 {
  top: 20px;
  flex: 1;
  right: 20px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.jss81 {
  top: 0;
  flex: 1;
  left: 20px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.jss111 {
  color: #FF681D;
}

.MuiFormControl-root {
  border: 0;
  margin: 0;
  display: inline-flex;
  padding: 0;
  position: relative;
  min-width: 0;
  flex-direction: column;
  vertical-align: top;
}
.MuiFormControl-marginNormal {
  margin-top: 16px;
  margin-bottom: 8px;
}
.MuiFormControl-marginDense {
  margin-top: 8px;
  margin-bottom: 4px;
}
.MuiFormControl-fullWidth {
  width: 100%;
}

@-webkit-keyframes mui-auto-fill {}
@-webkit-keyframes mui-auto-fill-cancel {}
.MuiInputBase-root {
  color: rgba(0, 0, 0, 0.87);
  cursor: text;
  display: inline-flex;
  position: relative;
  font-size: 1rem;
  box-sizing: border-box;
  align-items: center;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.1876em;
  letter-spacing: 0.00938em;
}
.MuiInputBase-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.38);
  cursor: default;
}
.MuiInputBase-multiline {
  padding: 6px 0 7px;
}
.MuiInputBase-multiline.MuiInputBase-marginDense {
  padding-top: 3px;
}
.MuiInputBase-fullWidth {
  width: 100%;
}
.MuiInputBase-input {
  font: inherit;
  color: currentColor;
  width: 100%;
  border: 0;
  height: 1.1876em;
  margin: 0;
  display: block;
  padding: 6px 0 7px;
  min-width: 0;
  background: none;
  box-sizing: content-box;
  animation-name: mui-auto-fill-cancel;
  -webkit-tap-highlight-color: transparent;
}
.MuiInputBase-input::-webkit-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiInputBase-input::-moz-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiInputBase-input:-ms-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiInputBase-input::-ms-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiInputBase-input:focus {
  outline: 0;
}
.MuiInputBase-input:invalid {
  box-shadow: none;
}
.MuiInputBase-input::-webkit-search-decoration {
  -webkit-appearance: none;
}
.MuiInputBase-input.Mui-disabled {
  opacity: 1;
}
.MuiInputBase-input:-webkit-autofill {
  animation-name: mui-auto-fill;
  animation-duration: 5000s;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-webkit-input-placeholder {
  opacity: 0 !important;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-moz-placeholder {
  opacity: 0 !important;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:-ms-input-placeholder {
  opacity: 0 !important;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-ms-input-placeholder {
  opacity: 0 !important;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-webkit-input-placeholder {
  opacity: 0.42;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-moz-placeholder {
  opacity: 0.42;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus:-ms-input-placeholder {
  opacity: 0.42;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-ms-input-placeholder {
  opacity: 0.42;
}
.MuiInputBase-inputMarginDense {
  padding-top: 3px;
}
.MuiInputBase-inputMultiline {
  height: auto;
  resize: none;
  padding: 0;
}
.MuiInputBase-inputTypeSearch {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
}
 
.jss271 {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0 8px;
  overflow: hidden;
  position: absolute;
  border-style: solid;
  border-width: 1px;
  border-radius: inherit;
  pointer-events: none;
}
.jss272 {
  padding: 0;
  text-align: left;
  transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
  line-height: 11px;
}
.jss273 {
  width: auto;
  height: 11px;
  display: block;
  padding: 0;
  font-size: 0.75em;
  max-width: 0.01px;
  text-align: left;
  transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
  visibility: hidden;
}
.jss273 > span {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.jss274 {
  max-width: 1000px;
  transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms;
}

.MuiOutlinedInput-root {
  position: relative;
  border-radius: 4px;
}
.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  border-color: rgba(0, 0, 0, 0.87);
}
@media (hover: none) {
  .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
    border-color: rgba(0, 0, 0, 0.23);
  }
}
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: #3f51b5;
  border-width: 2px;
}
.MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline {
  border-color: #f44336;
}
.MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
  border-color: rgba(0, 0, 0, 0.26);
}
.MuiOutlinedInput-colorSecondary.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: #f50057;
}
.MuiOutlinedInput-adornedStart {
  padding-left: 14px;
}
.MuiOutlinedInput-adornedEnd {
  padding-right: 14px;
}
.MuiOutlinedInput-multiline {
  padding: 18.5px 14px;
}
.MuiOutlinedInput-multiline.MuiOutlinedInput-marginDense {
  padding-top: 10.5px;
  padding-bottom: 10.5px;
}
.MuiOutlinedInput-notchedOutline {
  border-color: rgba(0, 0, 0, 0.23);
}
.MuiOutlinedInput-input {
  padding: 15px 10px;
}
.MuiOutlinedInput-input:-webkit-autofill {
  border-radius: inherit;
}
.MuiOutlinedInput-inputMarginDense {
  padding-top: 10.5px;
  padding-bottom: 10.5px;
}
.MuiOutlinedInput-inputMultiline {
  padding: 0;
}
.MuiOutlinedInput-inputAdornedStart {
  padding-left: 0;
}
.MuiOutlinedInput-inputAdornedEnd {
  padding-right: 0;
}

.MuiFormLabel-root {
  color: rgba(0, 0, 0, 0.54);
  padding: 0;
  font-size: 1rem;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.00938em;
}
.MuiFormLabel-root.Mui-focused {
  color: #3f51b5;
}
.MuiFormLabel-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.MuiFormLabel-root.Mui-error {
  color: #f44336;
}
.MuiFormLabel-colorSecondary.Mui-focused {
  color: #f50057;
}
.MuiFormLabel-asterisk.Mui-error {
  color: #f44336;
}

.MuiInputLabel-root {
  display: block;
  transform-origin: top left;
}
.MuiInputLabel-formControl {
  top: 0;
  left: 0;
  position: absolute;
  transform: translate(0, 24px) scale(1);
}
.MuiInputLabel-marginDense {
  transform: translate(0, 21px) scale(1);
}
.MuiInputLabel-shrink {
  transform: translate(0, 1.5px) scale(0.75);
  transform-origin: top left;
}
.MuiInputLabel-animated {
  transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
}
.MuiInputLabel-filled {
  z-index: 1;
  transform: translate(12px, 20px) scale(1);
  pointer-events: none;
}
.MuiInputLabel-filled.MuiInputLabel-marginDense {
  transform: translate(12px, 17px) scale(1);
}
.MuiInputLabel-filled.MuiInputLabel-shrink {
  transform: translate(12px, 10px) scale(0.75);
}
.MuiInputLabel-filled.MuiInputLabel-shrink.MuiInputLabel-marginDense {
  transform: translate(12px, 7px) scale(0.75);
}
.MuiInputLabel-outlined {
  z-index: 1;
  transform: translate(14px, 20px) scale(1);
  pointer-events: none;
}
.MuiInputLabel-outlined.MuiInputLabel-marginDense {
  transform: translate(14px, 12px) scale(1);
}
.MuiInputLabel-outlined.MuiInputLabel-shrink {
    transform: translate(15px, 0px) scale(0.75);
    background: white;
}

.MuiPopover-paper {
  outline: 0;
  position: absolute;
  max-width: calc(100% - 32px);
  min-width: 16px;
  max-height: calc(100% - 32px);
  min-height: 16px;
  overflow-x: hidden;
  overflow-y: auto;
}

.MuiList-root {
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
}
.MuiList-padding {
  padding-top: 8px;
  padding-bottom: 8px;
}
.MuiList-subheader {
  padding-top: 0;
}

.MuiMenu-paper {
  max-height: calc(100% - 96px);
  -webkit-overflow-scrolling: touch;
}
.MuiMenu-list {
  outline: 0;
}

.MuiSelect-select {
  cursor: pointer;
  min-width: 16px;
  user-select: none;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.MuiSelect-select:focus {
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.05);
}
.MuiSelect-select::-ms-expand {
  display: none;
}
.MuiSelect-select.Mui-disabled {
  cursor: default;
}
.MuiSelect-select[multiple] {
  height: auto;
}
.MuiSelect-select:not([multiple]) option, .MuiSelect-select:not([multiple]) optgroup {
  background-color: #fff;
}
.MuiSelect-select.MuiSelect-select {
  padding-right: 24px;
}
.MuiSelect-filled.MuiSelect-filled {
  padding-right: 32px;
}
.MuiSelect-outlined {
  border-radius: 4px;
}
.MuiSelect-outlined.MuiSelect-outlined {
  padding-right: 32px;
}
.MuiSelect-selectMenu {
  height: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.MuiSelect-icon {
  top: calc(50% - 12px);
  color: rgba(0, 0, 0, 0.54);
  right: 0;
  position: absolute;
  pointer-events: none;
}
.MuiSelect-icon.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.MuiSelect-iconOpen {
  transform: rotate(180deg);
}
.MuiSelect-iconFilled {
  right: 7px;
}
.MuiSelect-iconOutlined {
  right: 7px;
}

.jss307 {
  width: 100%;
  bottom: 0;
  height: 2px;
  position: absolute;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.jss308 {
  background-color: #3f51b5;
}
.jss309 {
  background-color: #f50057;
}
.jss310 {
  right: 0;
  width: 2px;
  height: 100%;
}

.MuiTabs-root {
  display: flex;
  overflow: hidden;
  min-height: 48px;
  -webkit-overflow-scrolling: touch;
}
.MuiTabs-vertical {
  flex-direction: column;
}
.MuiTabs-flexContainer {
  display: flex;
}
.MuiTabs-flexContainerVertical {
  flex-direction: column;
}
.MuiTabs-centered {
  justify-content: center;
}
.MuiTabs-scroller {
  flex: 1 1 auto;
  display: inline-block;
  position: relative;
  white-space: nowrap;
}
.MuiTabs-fixed {
  width: 100%;
  overflow-x: hidden;
}
.MuiTabs-scrollable {
  overflow-x: scroll;
  scrollbar-width: none;
}
.MuiTabs-scrollable::-webkit-scrollbar {
  display: none;
}
@media (max-width:599.95px) {
  .MuiTabs-scrollButtonsDesktop {
    display: none;
  }
}

.MuiTab-root {
  padding: 6px 12px;
  overflow: hidden;
  position: relative;
  font-size: 0.875rem;
  max-width: 264px;
  min-width: 72px;
  box-sizing: border-box;
  min-height: 48px;
  text-align: center;
  flex-shrink: 0;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  line-height: 1.75;
  white-space: normal;
  letter-spacing: 0.02857em;
  text-transform: uppercase;
}
@media (min-width:600px) {
  .MuiTab-root {
    min-width: 160px;
  }
}
.MuiTab-labelIcon {
  min-height: 72px;
  padding-top: 9px;
}
.MuiTab-labelIcon .MuiTab-wrapper > *:first-child {
  margin-bottom: 6px;
}
.MuiTab-textColorInherit {
  color: inherit;
  opacity: 0.7;
}
.MuiTab-textColorInherit.Mui-selected {
  opacity: 1;
}
.MuiTab-textColorInherit.Mui-disabled {
  opacity: 0.5;
}
.MuiTab-textColorPrimary {
  color: rgba(0, 0, 0, 0.54);
}
.MuiTab-textColorPrimary.Mui-selected {
  color: #3f51b5;
}
.MuiTab-textColorPrimary.Mui-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.MuiTab-textColorSecondary {
  color: rgba(0, 0, 0, 0.54);
}
.MuiTab-textColorSecondary.Mui-selected {
  color: #f50057;
}
.MuiTab-textColorSecondary.Mui-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.MuiTab-fullWidth {
  flex-grow: 1;
  max-width: none;
  flex-basis: 0;
  flex-shrink: 1;
}
.MuiTab-wrapped {
  font-size: 0.75rem;
  line-height: 1.5;
}
.MuiTab-wrapper {
  width: 100%;
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.MuiGrid-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.MuiGrid-item {
  margin: 0;
  box-sizing: border-box;
}
.MuiGrid-zeroMinWidth {
  min-width: 0;
}
.MuiGrid-direction-xs-column {
  flex-direction: column;
}
.MuiGrid-direction-xs-column-reverse {
  flex-direction: column-reverse;
}
.MuiGrid-direction-xs-row-reverse {
  flex-direction: row-reverse;
}
.MuiGrid-wrap-xs-nowrap {
  flex-wrap: nowrap;
}
.MuiGrid-wrap-xs-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.MuiGrid-align-items-xs-center {
  align-items: center;
}
.MuiGrid-align-items-xs-flex-start {
  align-items: flex-start;
}
.MuiGrid-align-items-xs-flex-end {
  align-items: flex-end;
}
.MuiGrid-align-items-xs-baseline {
  align-items: baseline;
}
.MuiGrid-align-content-xs-center {
  align-content: center;
}
.MuiGrid-align-content-xs-flex-start {
  align-content: flex-start;
}
.MuiGrid-align-content-xs-flex-end {
  align-content: flex-end;
}
.MuiGrid-align-content-xs-space-between {
  align-content: space-between;
}
.MuiGrid-align-content-xs-space-around {
  align-content: space-around;
}
.MuiGrid-justify-xs-center {
  justify-content: center;
}
.MuiGrid-justify-xs-flex-end {
  justify-content: flex-end;
}
.MuiGrid-justify-xs-space-between {
  justify-content: space-between;
}
.MuiGrid-justify-xs-space-around {
  justify-content: space-around;
}
.MuiGrid-justify-xs-space-evenly {
  justify-content: space-evenly;
}
.MuiGrid-spacing-xs-1 {
  width: calc(100% + 8px);
  margin: -4px;
}
.MuiGrid-spacing-xs-1 > .MuiGrid-item {
  padding: 4px;
}
.MuiGrid-spacing-xs-2 {
  width: calc(100% + 16px);
  margin: -8px;
}
.MuiGrid-spacing-xs-2 > .MuiGrid-item {
  padding: 8px;
}
.MuiGrid-spacing-xs-3 {
  width: calc(100% + 24px);
  margin: -12px;
}
.MuiGrid-spacing-xs-3 > .MuiGrid-item {
  padding: 12px;
}
.MuiGrid-spacing-xs-4 {
  width: calc(100% + 32px);
  margin: -16px;
}
.MuiGrid-spacing-xs-4 > .MuiGrid-item {
  padding: 16px;
}
.MuiGrid-spacing-xs-5 {
  width: calc(100% + 40px);
  margin: -20px;
}
.MuiGrid-spacing-xs-5 > .MuiGrid-item {
  padding: 20px;
}
.MuiGrid-spacing-xs-6 {
  width: calc(100% + 48px);
  margin: -24px;
}
.MuiGrid-spacing-xs-6 > .MuiGrid-item {
  padding: 24px;
}
.MuiGrid-spacing-xs-7 {
  width: calc(100% + 56px);
  margin: -28px;
}
.MuiGrid-spacing-xs-7 > .MuiGrid-item {
  padding: 28px;
}
.MuiGrid-spacing-xs-8 {
  width: calc(100% + 64px);
  margin: -32px;
}
.MuiGrid-spacing-xs-8 > .MuiGrid-item {
  padding: 32px;
}
.MuiGrid-spacing-xs-9 {
  width: calc(100% + 72px);
  margin: -36px;
}
.MuiGrid-spacing-xs-9 > .MuiGrid-item {
  padding: 36px;
}
.MuiGrid-spacing-xs-10 {
  width: calc(100% + 80px);
  margin: -40px;
}
.MuiGrid-spacing-xs-10 > .MuiGrid-item {
  padding: 40px;
}
.MuiGrid-grid-xs-auto {
  flex-grow: 0;
  max-width: none;
  flex-basis: auto;
}
.MuiGrid-grid-xs-true {
  flex-grow: 1;
  max-width: 100%;
  flex-basis: 0;
}
.MuiGrid-grid-xs-1 {
  flex-grow: 0;
  max-width: 8.333333%;
  flex-basis: 8.333333%;
}
.MuiGrid-grid-xs-2 {
  flex-grow: 0;
  max-width: 16.666667%;
  flex-basis: 16.666667%;
}
.MuiGrid-grid-xs-3 {
  flex-grow: 0;
  max-width: 25%;
  flex-basis: 25%;
}
.MuiGrid-grid-xs-4 {
  flex-grow: 0;
  max-width: 33.333333%;
  flex-basis: 33.333333%;
}
.MuiGrid-grid-xs-5 {
  flex-grow: 0;
  max-width: 41.666667%;
  flex-basis: 41.666667%;
}
.MuiGrid-grid-xs-6 {
  flex-grow: 0;
  max-width: 50%;
  flex-basis: 50%;
}
.MuiGrid-grid-xs-7 {
  flex-grow: 0;
  max-width: 58.333333%;
  flex-basis: 58.333333%;
}
.MuiGrid-grid-xs-8 {
  flex-grow: 0;
  max-width: 66.666667%;
  flex-basis: 66.666667%;
}
.MuiGrid-grid-xs-9 {
  flex-grow: 0;
  max-width: 75%;
  flex-basis: 75%;
}
.MuiGrid-grid-xs-10 {
  flex-grow: 0;
  max-width: 83.333333%;
  flex-basis: 83.333333%;
}
.MuiGrid-grid-xs-11 {
  flex-grow: 0;
  max-width: 91.666667%;
  flex-basis: 91.666667%;
}
.MuiGrid-grid-xs-12 {
  flex-grow: 0;
  max-width: 100%;
  flex-basis: 100%;
}
@media (min-width:600px) {
  .MuiGrid-grid-sm-auto {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }
  .MuiGrid-grid-sm-true {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
  .MuiGrid-grid-sm-1 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }
  .MuiGrid-grid-sm-2 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }
  .MuiGrid-grid-sm-3 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }
  .MuiGrid-grid-sm-4 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }
  .MuiGrid-grid-sm-5 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }
  .MuiGrid-grid-sm-6 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }
  .MuiGrid-grid-sm-7 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }
  .MuiGrid-grid-sm-8 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }
  .MuiGrid-grid-sm-9 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }
  .MuiGrid-grid-sm-10 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }
  .MuiGrid-grid-sm-11 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }
  .MuiGrid-grid-sm-12 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width:960px) {
  .MuiGrid-grid-md-auto {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }
  .MuiGrid-grid-md-true {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
  .MuiGrid-grid-md-1 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }
  .MuiGrid-grid-md-2 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }
  .MuiGrid-grid-md-3 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }
  .MuiGrid-grid-md-4 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }
  .MuiGrid-grid-md-5 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }
  .MuiGrid-grid-md-6 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }
  .MuiGrid-grid-md-7 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }
  .MuiGrid-grid-md-8 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }
  .MuiGrid-grid-md-9 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }
  .MuiGrid-grid-md-10 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }
  .MuiGrid-grid-md-11 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }
  .MuiGrid-grid-md-12 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width:1280px) {
  .MuiGrid-grid-lg-auto {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }
  .MuiGrid-grid-lg-true {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
  .MuiGrid-grid-lg-1 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }
  .MuiGrid-grid-lg-2 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }
  .MuiGrid-grid-lg-3 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }
  .MuiGrid-grid-lg-4 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }
  .MuiGrid-grid-lg-5 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }
  .MuiGrid-grid-lg-6 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }
  .MuiGrid-grid-lg-7 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }
  .MuiGrid-grid-lg-8 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }
  .MuiGrid-grid-lg-9 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }
  .MuiGrid-grid-lg-10 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }
  .MuiGrid-grid-lg-11 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }
  .MuiGrid-grid-lg-12 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width:1920px) {
  .MuiGrid-grid-xl-auto {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }
  .MuiGrid-grid-xl-true {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
  .MuiGrid-grid-xl-1 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }
  .MuiGrid-grid-xl-2 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }
  .MuiGrid-grid-xl-3 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }
  .MuiGrid-grid-xl-4 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }
  .MuiGrid-grid-xl-5 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }
  .MuiGrid-grid-xl-6 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }
  .MuiGrid-grid-xl-7 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }
  .MuiGrid-grid-xl-8 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }
  .MuiGrid-grid-xl-9 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }
  .MuiGrid-grid-xl-10 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }
  .MuiGrid-grid-xl-11 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }
  .MuiGrid-grid-xl-12 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}

.jss434.jss435 .jss436 {
  transform: scale(1) translateY(-10px);
}
.jss436 {
  top: -34px;
  z-index: 1;
  position: absolute;
  font-size: 0.75rem;
  transform: scale(0);
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.01071em;
  transform-origin: bottom center;
}
.jss437 {
  width: 32px;
  height: 32px;
  display: flex;
  transform: rotate(-45deg);
  align-items: center;
  border-radius: 50% 50% 50% 0;
  justify-content: center;
  background-color: currentColor;
}
.jss438 {
  color: #fff;
  transform: rotate(45deg);
}

.MuiSlider-root {
  color: #3f51b5;
  width: 100%;
  cursor: pointer;
  height: 2px;
  display: inline-block;
  padding: 13px 0;
  position: relative;
  box-sizing: content-box;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
}
.MuiSlider-root.Mui-disabled {
  color: #bdbdbd;
  cursor: default;
  pointer-events: none;
}
.MuiSlider-root.MuiSlider-vertical {
  width: 2px;
  height: 100%;
  padding: 0 13px;
}
@media (pointer: coarse) {
  .MuiSlider-root {
    padding: 20px 0;
  }
  .MuiSlider-root.MuiSlider-vertical {
    padding: 0 20px;
  }
}
.MuiSlider-colorSecondary {
  color: #f50057;
}
.MuiSlider-marked {
  margin-bottom: 20px;
}
.MuiSlider-marked.MuiSlider-vertical {
  margin-right: 20px;
  margin-bottom: auto;
}
.MuiSlider-rail {
  width: 100%;
  height: 2px;
  display: block;
  opacity: 0.38;
  position: absolute;
  border-radius: 1px;
  background-color: currentColor;
}
.MuiSlider-vertical .MuiSlider-rail {
  width: 2px;
  height: 100%;
}
.MuiSlider-track {
  height: 2px;
  display: block;
  position: absolute;
  border-radius: 1px;
  background-color: currentColor;
}
.MuiSlider-vertical .MuiSlider-track {
  width: 2px;
}
.MuiSlider-trackFalse .MuiSlider-track {
  display: none;
}
.MuiSlider-trackInverted .MuiSlider-track {
  background-color: rgb(182, 188, 226);
}
.MuiSlider-trackInverted .MuiSlider-rail {
  opacity: 1;
}
.MuiSlider-thumb {
  width: 12px;
  height: 12px;
  display: flex;
  outline: 0;
  position: absolute;
  box-sizing: border-box;
  margin-top: -5px;
  transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  align-items: center;
  margin-left: -6px;
  border-radius: 50%;
  justify-content: center;
  background-color: currentColor;
}
.MuiSlider-thumb::after {
  top: -15px;
  left: -15px;
  right: -15px;
  bottom: -15px;
  content: "";
  position: absolute;
  border-radius: 50%;
}
.MuiSlider-thumb.Mui-focusVisible, .MuiSlider-thumb:hover {
  box-shadow: 0px 0px 0px 8px rgba(63, 81, 181, 0.16);
}
.MuiSlider-thumb.MuiSlider-active {
  box-shadow: 0px 0px 0px 14px rgba(63, 81, 181, 0.16);
}
.MuiSlider-thumb.Mui-disabled {
  width: 8px;
  height: 8px;
  margin-top: -3px;
  margin-left: -4px;
}
.MuiSlider-vertical .MuiSlider-thumb {
  margin-left: -5px;
  margin-bottom: -6px;
}
.MuiSlider-vertical .MuiSlider-thumb.Mui-disabled {
  margin-left: -3px;
  margin-bottom: -4px;
}
.MuiSlider-thumb.Mui-disabled:hover {
  box-shadow: none;
}
@media (hover: none) {
  .MuiSlider-thumb.Mui-focusVisible, .MuiSlider-thumb:hover {
    box-shadow: none;
  }
}
.MuiSlider-thumbColorSecondary.Mui-focusVisible, .MuiSlider-thumbColorSecondary:hover {
  box-shadow: 0px 0px 0px 8px rgba(245, 0, 87, 0.16);
}
.MuiSlider-thumbColorSecondary.MuiSlider-active {
  box-shadow: 0px 0px 0px 14px rgba(245, 0, 87, 0.16);
}
.MuiSlider-mark {
  width: 2px;
  height: 2px;
  position: absolute;
  border-radius: 1px;
  background-color: currentColor;
}
.MuiSlider-markActive {
  opacity: 0.8;
  background-color: #fff;
}
.MuiSlider-markLabel {
  top: 26px;
  color: rgba(0, 0, 0, 0.54);
  position: absolute;
  font-size: 0.875rem;
  transform: translateX(-50%);
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.43;
  white-space: nowrap;
  letter-spacing: 0.01071em;
}
.MuiSlider-vertical .MuiSlider-markLabel {
  top: auto;
  left: 26px;
  transform: translateY(50%);
}
@media (pointer: coarse) {
  .MuiSlider-markLabel {
    top: 40px;
  }
  .MuiSlider-vertical .MuiSlider-markLabel {
    left: 31px;
  }
}
.MuiSlider-markLabelActive {
  color: rgba(0, 0, 0, 0.87);
}

.MuiListItem-root {
  width: 100%;
  display: flex;
  position: relative;
  box-sizing: border-box;
  text-align: left;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  justify-content: flex-start;
  text-decoration: none;
}
.MuiListItem-root.Mui-focusVisible {
  background-color: rgba(0, 0, 0, 0.08);
}
.MuiListItem-root.Mui-selected, .MuiListItem-root.Mui-selected:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.MuiListItem-root.Mui-disabled {
  opacity: 0.5;
}
.MuiListItem-container {
  position: relative;
}
.MuiListItem-dense {
  padding-top: 4px;
  padding-bottom: 4px;
}
.MuiListItem-alignItemsFlexStart {
  align-items: flex-start;
}
.MuiListItem-divider {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  background-clip: padding-box;
}
.MuiListItem-gutters {
  padding-left: 16px;
  padding-right: 16px;
}
.MuiListItem-button {
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiListItem-button:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .MuiListItem-button:hover {
    background-color: transparent;
  }
}
.MuiListItem-secondaryAction {
  padding-right: 48px;
}

.MuiListItemText-root {
  flex: 1 1 auto;
  min-width: 0;
  margin-top: 4px;
  margin-bottom: 4px;
}
.MuiListItemText-multiline {
  margin-top: 6px;
  margin-bottom: 6px;
}
.MuiListItemText-inset {
  padding-left: 56px;
}

.MuiDivider-root {
  border: none;
  height: 1px;
  margin: 0;
  flex-shrink: 0;
  background-color: rgba(0, 0, 0, 0.12);
}
.MuiDivider-absolute {
  left: 0;
  width: 100%;
  bottom: 0;
  position: absolute;
}
.MuiDivider-inset {
  margin-left: 72px;
}
.MuiDivider-light {
  background-color: rgba(0, 0, 0, 0.08);
}
.MuiDivider-middle {
  margin-left: 16px;
  margin-right: 16px;
}
.MuiDivider-vertical {
  width: 1px;
  height: 100%;
}
.MuiDivider-flexItem {
  height: auto;
  align-self: stretch;
}

.MuiListItemIcon-root {
  color: rgba(0, 0, 0, 0.54);
  display: inline-flex;
  min-width: 56px;
  flex-shrink: 0;
}
.MuiListItemIcon-alignItemsFlexStart {
  margin-top: 8px;
}

.jss124 {
  position: relative;
}
.jss125 {
  flex: 1;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
.jss126 {
  margin-right: 20px;
  margin-bottom: 20px;
}
.jss127 {
  flex: 1;
  display: flex;
  min-width: 260px;
  align-items: center;
  margin-left: 20px;
  margin-bottom: 20px;
  flex-direction: row;
  justify-content: space-between;
}
.jss128 {
  flex: 1;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
}
.jss129 {
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}
.jss130 {
  font-size: .75rem;
}
.jss131 {
  text-transform: uppercase;
}
.jss132 {
  width: 260px;
  margin-left: 20px;
  margin-bottom: 20px;
}
.jss133 {
  display: block;
}
.jss135 {
  flex: 1;
  height: 64px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.jss136 {
    margin: 6px 0;
}
.jss137 {
  max-height: 300px;
  overflow-y: auto;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.jss138 {
  background-color: #ffffff;
}
.jss139 {
  background-color: #ffffff;
}
.jss140 {
  border-top: solid 1px rgb(238,238,238);
}
.jss141 {
  margin-bottom: 10px;
}
.jss143 {
  padding: 10px;
}
.jss144 {
    flex: 1;
    color: #bdbdbd;
    cursor: pointer;
    display: flex;
    outline: none;
    padding: 20px;
    min-height: 100px;
    transition: border .24s ease-in-out;
    align-items: center;
    border-color: #adaaaa !important;
    border-style: dashed;
    border-width: 2px;
    border-radius: 2px;
    flex-direction: column;
    justify-content: center;
    background-color: #ffffff !important;
}
.jss145 {
  text-align: center;
}
.jss146 {
  text-align: right;
}
.jss147 {
  flex: 1;
  display: flex;
  min-height: 160px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.jss149 {
  padding: 20px;
}
.jss150 {
  margin: 10px;
}
.jss151 {
  width: calc(100% - 20px);
  margin: 10px;
}
.jss152 {
  background-color: #ffffff;
}
.jss153 {
  opacity: 0.7;
}


.jss453 {
  margin-top: 8px;
  margin-bottom: 8px;
}
.jss454 {
  flex: 1;
  display: flex;
  margin-top: 10px;
  align-items: center;
  margin-bottom: 10px;
  flex-direction: row;
  justify-content: start;
}
.jss454 > div {
  margin-right: 10px;
}
.jss455 {
  margin-top: 3px;
}

.jss471 {
  flex: 1;
  display: flex;
  margin-top: 10px;
  align-items: center;
  margin-bottom: 10px;
  flex-direction: row;
  justify-content: start;
}
.jss471 > div {
  margin-right: 10px;
}
.jss472 {
  margin-top: 10px;
}

.jss473 {
  flex: 1;
  display: flex;
  margin-top: 10px;
  align-items: center;
  margin-bottom: 10px;
  flex-direction: row;
  justify-content: start;
}
.jss473 > div {
  margin-right: 10px;
}
.jss474 {
  margin-top: 10px;
}

.jss3 {
  flex: 1;
  display: flex;
  min-height: 400px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.jss4 {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}
.jss5 {
  width: 200px;
  opacity: 0.4;
  text-align: center;
  animation-name: jss7;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.jss6 {
  text-align: center;
}
@-webkit-keyframes jss7 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.jss8 {
  padding: 9px;
  position: relative;
  background-color: #0179c2;
}
.jss9 {
  color: #ffffff;
  text-align: center;
  font-weight: 600;
}
.jss10 {
  top: 5px;
  color: #ffffff;
  right: 10px;
  position: absolute;
}
.jss11 {
    flex: 1;
    display: flex;
    align-items: center;
    height: 80px !important;
    border-bottom: solid 1px rgb(238 238 238 / 61%);
    flex-direction: row;
   box-shadow: 0px 3px 10px #f3f3f3;
    backgroud-color: #fff;
    justify-content: space-between;
}
.jss12 {
   
  display: flex;
  padding: 10px;
  align-items: center;
  flex-direction: row;
  justify-content: left;
}
.jss14 {
    color: #000;
    font-size: 19px;
    
}
.jss15 {
  flex: 1;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
}
.jss16 {
    height: 69px;
    /* border-left: solid 1px rgb(238,238,238); */
    padding-top: 23px;
    padding-left: 0px;
    padding-right: 13px;
}
.jss17 {
  height: 69px;
  line-height: 69px;
  padding-left: 20px;
  padding-right: 20px;
}
.jss18 {
  color: #adadad;
}
// .jss19 {
  // left: 0;
  // right: 0;
  // bottom: 0;
  // position: fixed;
// }
.jss20 {
  top: 250px;
  color: #fff;
  right: 0;
  padding: 5px;
  position: absolute;
  background: rgba(0,0,0,.333);
  padding-right: 10px;
}

.jss485 {
  color: #ffffff;
  background-color: #c8102e;
}
.jss485:hover {
  background-color: #c8102eba;
}

.jss1 {
  flex-grow: 1;
  background-color: #ffffff;
}
@font-face {font-family: 'Myriad Pro Black';
src: url("/fonts/myriad-pro-black.otf"); font-display: block;}
@font-face {font-family: 'Armory'; src: url("css/fonts/Arsenal_20-21.otf");
font-display: block;} @font-face {font-family: 'Beantown'; src: url("css/fonts/NHL_Boston_Bruins.otf"); 
font-display: block;} @font-face {font-family: 'Chief'; src: url("css/fonts/CHI.otf"); font-display: block;} 
@font-face {font-family: 'Crosby to Malkin'; src: url("css/fonts/PIT.otf"); font-display: block;} @font-face 
{font-family: 'Gloria'; src: url("css/fonts/NHL_St._Louis_Blues.otf"); font-display: block;}
@font-face {font-family: 'Inferno'; src: url("css/fonts/CGY.otf"); font-display: block;}
@font-face {font-family: 'Jaxx'; src: url("css/fonts/JAX.ttf"); font-display: block;}
@font-face {font-family: 'King of the Beach'; src: url("css/fonts/LAK.otf"); font-display: block;}
@font-face {font-family: 'Madison Square'; src: url("css/fonts/NYR.otf"); font-display: block;}
@font-face {font-family: 'Oil'; src: url("css/fonts/EDM.otf"); font-display: block;} 
@font-face {font-family: 'Premiership'; src: url("css/fonts/Barclays_Premier_League.ttf"); font-display: block;}
@font-face {font-family: 'RMNB'; src: url("css/fonts/NHL_Washington_Capitals.otf"); font-display: block;}
@font-face {font-family: 'Sedin Twins'; src: url("css/fonts/VAN.otf"); font-display: block;}
@font-face {font-family: 'Snowslide'; src: url("css/fonts/COL.otf"); font-display: block;}
@font-face {font-family: 'Sparta'; src: url("css/fonts/MSU.otf"); font-display: block;}
@font-face {font-family: 'Stormy'; src: url("css/fonts/NHL_Carolina_Hurricanes.otf"); font-display: block;}
@font-face {font-family: 'Union'; src: url("css/fonts/CBJ.otf"); font-display: block;
} @font-face {font-family: 'Wild Cougs'; src: url("css/fonts/WSU_Raiders.otf"); font-display: block;} 
@font-face {font-family: 'Winged Wheels'; src: url("css/fonts/NHL_Detroit_Red_Wings.otf"); font-display: block;} 

.tabbable-panel {
  border:1px solid #eee;
  padding: 10px;
}

.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid rgb(80,144,247);
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #32465B;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #eee;
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #c8102e !important;
    background-color: white !important;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid red;
    border-radius: 0;
}
.accordion-header {
    box-shadow: 0px 0px 1px 1px #ddd;
}
.accordion-body .col-md-4 {
    width: 36% !important;
	padding-right: 0;
}
.accordion-body .col-md-5 {
    width: 38% !important;
    padding-right: 0;
}
.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #000000 !important;
    text-decoration: none;
    font-size: 18px !important;
    font-weight: 600 !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

.accordion-button:focus {
    z-index: 3;
    border-color: #ffffff !important;
    outline: 0;
	box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
    color: black !important;
    background-color: #fff !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-weight: 400 !important;
    color: #212529;
    font-size: 19px !important;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
}

.btn-group.btn-toggle {
    float: right;
    margin-right: 10px;
    border: 1px solid #bdbdbd8f;
    border-radius: 6px;
}
button.MuiButtonBase-root.MuiButton-root.jss485.MuiButton-contained.MuiButton-containedPrimary.MuiButton-containedSizeLarge.MuiButton-sizeLarge.MuiButton-disableElevation.add_field_button {
    background: #0179c2;
    border-radius: 8px;
    padding: 5px 17px;
}

.jss16.su_button {
    padding-top: 14px;
    /* padding-right: 30px; */
    /* padding-left: 30px; */
}

button.MuiButtonBase-root.MuiButton-root.jss485.MuiButton-contained.MuiButton-containedPrimary.MuiButton-containedSizeLarge.MuiButton-sizeLarge.MuiButton-disableElevation.submit {
    padding: 7px 30px 7px 30px;
    border-radius: 8px;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none !important;
}

div#accordionPanelsStayOpenExample {
    box-shadow: -5px 8px 8px 4px #d6d6d661;
        height: 87.8vh;
		    overflow-y: scroll;
}

.accordion-item {
    background-color: #fff;
	    
    border: 1px solid rgb(0 0 0 / 6%) !important;
}

.accordion-button{
	height: 66px !important;
}

/* .accordion-header{
	height: 75px !important;
} */

div#previews {
    margin: 0px !important;
}

span.list_counting {
    margin-right: 24px;
    background: #0179c2;
    color: #fff;
    padding: 4px 7px;
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
    font-family: 'Roboto';
    width: 26px;
    height: 26px;
    line-height: 20px;
}
div#jersey-container {
    margin-right: 0 !important;
	    border: none !important;
}
div#jersey-container span.jersey-inactive.jersey {
    line-height: 37px;
}
.switch-con {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
span.jersey-active.jersey.jersey-deactivated {
    line-height: 32px;
}

.input_fields_wrap {
    text-align: center;
}
.row.addformb {
    display: flex;
    align-items: center;
}
.row.addformb > div {
    display: inline-flex;
    width: 29.6%;
	padding: 3px;
}
.row.addformb a {
    width: 5%;
}
.accordion-button:not(.collapsed) span.list_counting.sentences {
    background-color: #c8102e !important;
}


.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 3px;
    background: #0064fb;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}
.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 10px;
  height: 10px;
  border-radius:50px;
  background: black;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #04AA6D;
  cursor: pointer;
}

 #div1 { 
            height: auto; 
            width: 100px; 
            border: 2px solid black;  
        } 
    
    
 
input#filePhoto {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
}

input#filePhotoai {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
}

.jss16.save_floppy {
    padding-top: 13px;
}

.jss16.save_floppy p.MuiButtonBase-root.MuiButton-root.jss485.MuiButton-contained.MuiButton-containedPrimary.MuiButton-containedSizeLarge.MuiButton-sizeLarge.img_sv_btn {
    border-radius: 12px;
    background: #0179c2;
	    width: 94px !important;
}
 
.jss16.restart_btn {
    padding-top: 13px;
}

.jss16.restart_btn button.MuiButtonBase-root.MuiButton-root.jss485.MuiButton-contained.MuiButton-containedPrimary.MuiButton-containedSizeLarge.MuiButton-sizeLarge.start_over {
    border-radius: 12px;
    background: #0179c2;
	width: 115px;
}

.color1 .MuiTouchRipple-root{display:none;}
.color1.active .MuiTouchRipple-root{display:block;}
.color2 .MuiTouchRipple-root{display:none;} 
.color2.active .MuiTouchRipple-root{display:block;}
.color3 .MuiTouchRipple-root{display:none;} 
.color3.active .MuiTouchRipple-root{display:block;}
.color4 .MuiTouchRipple-root{display:none;} 
.color4.active .MuiTouchRipple-root{display:block;}
.color5 .MuiTouchRipple-root{display:none;} 
.color5.active .MuiTouchRipple-root{display:block;}
.color6 .MuiTouchRipple-root{display:none;} 
.color6.active .MuiTouchRipple-root{display:block;}
.pattern_class .MuiTouchRipple-root{display:none;} 
.pattern_class.active .MuiTouchRipple-root{display:block;}


.jss15 p.MuiButtonBase-root.MuiButton-root img {
    margin-right: 7px;
}
.jss16.restart_btn button.MuiButtonBase-root.MuiButton-root.jss485.MuiButton-contained{
    border-radius: 12px; 
    background: #0179c2;
	font-family: 'gobold_boldregular';
}
.jss15 button.MuiButtonBase-root.MuiButton-root.jss485.MuiButton-contained.MuiButton-containedPrimary.MuiButton-containedSizeLarge.MuiButton-sizeLarge.start_over a {
    color: #fff;
font-family: 'gobold_boldregular';
    font-weight: bold !important;
	text-decoration: none;
	font-size: 13px;
}
.jss15 svg.MuiSvgIcon-root {
    color: #fff !important;
    -webkit-transform: rotate(
170deg
);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(
311deg
) scaleX(-1);
    font-size: 28px;
}
.jss15 p.MuiButtonBase-root.MuiButton-root.jss485.MuiButton-contained {
font-family: 'gobold_boldregular';
    font-weight: bold !important;
	font-size: 13px;
}

.jss16.price_layer span {
    font-family: 'gobold_boldregular';
	font-size: 13px;
}

button#btnvlsv span {
    font-family: 'gobold_boldregular';
	font-size: 13px;
}
span.dollar_sign {
    border-radius: 15px;
    border: 2px solid;
    padding: 1px 6px;
    font-size: 12px !important;
}

text#textid {
    font-size: 190px;
}

img.design_jersey_logo {
    width: 170px;
}

p.MuiTypography-root.jss14.MuiTypography-body1.design_ypu {
    border-left: 2px solid #8080804a;
}



@media (max-width: 1199px){
.switch-wrapper .container-fluid .row {
    align-items: flex-start;
}
.switch-wrapper .container-fluid .row .col-md-8 {
    padding-top: 100px !important;
}
.jss16.su_button {
    padding-right: 10px !important;
    padding-left: 10px !important;
}
.jss14 {
    font-size: 16px !important;
}
.jss15 .MuiButton-containedSizeLarge {
    padding: 8px 8px !important;
    font-size: 12px;
}
}

@media only screen and (max-width: 1025px) {
.jss16.price_layer i.fa.fa-usd {
    display: none;

}
/* .jss16.su_button img {
    display: block !important;
    color: #c8102e;
} */
/* .jss16.su_button span {
    display: none;
} */
.jss16.price_layer .jss485 {
    /* background: transparent; */
    box-shadow: unset;
}
/* .jss16.price_layer span {
    display: none;
} */
ul#pills-tab li.nav-item {
    padding: 0 7px;
}
.switch-wrapper .col-md-8 {
    flex: 0 0 55%;
    max-width: 55%;
}
.switch-wrapper .col-md-4 {
    flex: 0 0 44%;
    max-width: 44%;
}
div#next_previous {
    position: absolute;
    bottom: -8px;
}
#next_previous {
    display: flex;
    justify-content: space-between !important;
    width: 100%;
    padding: 20px;
}
.step div#panelsStayOpen-collapseThree .shadow-sm li.nav-item {
    margin: 5px 7px 0px;
}
.accordion-body .col-md-5 {
    max-width: 100% !important;
    width: 100% !important;
    flex: 100%;
}
.accordion-body .col-md-4 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
}
.jss16.su_button button#btnvlsv {
    background: transparent;
    box-shadow: none;
	 min-width: unset;
}
.accordion-body .col-md-3 {
    flex: 0 0 50%;
    max-width: 50%;
}
a.remove_field i {
    padding-top: 23px;
}
ul#pills-tab .nav-link {
    padding: 12px 10px 12px 0;
}
.jss16 {
    padding-top: 20px !important;
}
.jss16.price_layer {
    padding-top: 17px !important;
}
.jss16.price_layer .jss485 {
    min-width: unset;
}
div#root div#panelsStayOpen-collapseseven .col-md-4 {
    max-width: 32% !important;
    flex: unset !important;
}
.jss16.price_layer {
    width: auto;
}
.price__dsk {
    display: none;
}
.jss16.price_layer .MuiButtonBase-root.MuiButton-root.jss485 {
    display: block;
}
.jss12 {
    max-width: 100% !important;
}
.price_less {
    align-items:center;
}
p.MuiTypography-root.jss14.MuiTypography-body1 {
    /* text-align: center; */
    width: 100%;
}
}
.MuiCollapse-container.MuiCollapse-entered button.MuiButtonBase-root.pattern_class {
    margin-bottom: 4px;
}
.MuiCollapse-container.MuiCollapse-entered button.MuiButtonBase-root.pattern_class img {
    max-width: 39px;
}
.jss16.restart_btn span.MuiIconButton-label {
    align-items: center;
}
p.MuiButtonBase-root.MuiButton-root.jss485.MuiButton-contained.MuiButton-containedPrimary.MuiButton-containedSizeLarge.MuiButton-sizeLarge.img_sv_btn {
    max-height: 36PX;
}
button.MuiButtonBase-root.MuiButton-root.jss485.MuiButton-contained.MuiButton-containedPrimary.MuiButton-containedSizeLarge.MuiButton-sizeLarge.start_over,p.MuiButtonBase-root.MuiButton-root.jss485.MuiButton-contained.MuiButton-containedPrimary.MuiButton-containedSizeLarge.MuiButton-sizeLarge.img_sv_btn,.MuiButtonBase-root.MuiButton-root.jss485.MuiButton-contained.MuiButton-containedPrimary.MuiButton-containedSizeLarge.MuiButton-sizeLarge, button#btnvlsv {
    min-height: 42px;
    display: flex;
    align-items: center;
}
.jss15 p.MuiButtonBase-root.MuiButton-root img {
    margin-right: 7px;
    width: 22px;
    height: 22px;
}
div#roaster1 .add_more_button button.MuiButtonBase-root.MuiButton-root.jss485 {
    margin: 0 auto;
}
.save_now_div input#save_now {
    min-height: unset;
}


form#register-form .input-group {
    width: 100%;
	    display: flex;
    align-items: stretch;
	flex-wrap:wrap;
	margin-bottom:10px;
}
form#register-form .input-group i.fa {
    display: inline-flex;
    width: 34px;
    height: 34px;
    justify-content: center;
    align-items: center;
    background-color: #eee;
    border: 1px solid #ccc;
	    border-right: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
form#register-form .input-group input{
	    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
	    width: 89%;
}
form#register-form .input-group span.message_box {
    flex: 0 0 100%;
}
.jss15 .jss16 {
    padding-top: 13px;
}
.jss15 .jss16 button.MuiButtonBase-root.MuiButton-root {
    border-radius: 12px;
	font-family: 'gobold_boldregular';
}
.jss15 .jss16.save_floppy p span a {
    color: #fff;
	text-decoration:none !important;
}
div#multiple_save_modal div#login_container {
    width: 100%;
}
div#multiple_save_modal .form-container.sign-in-container {
    padding: 15px;
}
div#multiple_save_modal  .overlay-container {
    padding: 15px;
}
div#multiple_save_modal  .parent_remov_div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 15px;
	padding: 5px 10px;
}
form#multiple_save_form h1 {
    font-size: 24px !important;
	margin-bottom:20px;
}
form#multiple_save_form input#multiple_name {
   background-color: rgb(238, 238, 238);
    width: 100%;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    padding: 12px 15px;
    margin: 8px 0px;
}
div#multiple_save_modal .overlay-container > a {
    font-weight: 600;
	display:block;
	margin-bottom:20px;
    font-size: 20px !important;
}
div#multiple_save_modal .overlay-container button {
    padding: 5px 10px;
    border-radius: 12px;
	font-size:11px !important;
}
div#multiple_save_modal .parent_remov_div h5 {
      font-size: 14px;
    flex: 0 0 50%;
    word-break: break-word;
}
div#multiple_save_modal button.close {
    z-index: 999 !important;
    width: 30px;
    height: 30px;
    background: #fff !important;
    border-radius: 50px;
    left: 30px !important;
    opacity: 1;
    top: 10px !important;
}

div#multiple_save_modal .for_same a {
    color: #ffffff;
    background-color: #c8102e;
    padding: 7px 13px;
    font-size: 0.9375rem;
    border-radius: 12px;
    box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
    color: #fff !important;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 170px;
    font-weight: 600;
    margin-left: auto !important;
    margin-bottom: 20px !important;
}
div#multiple_save_modal .for_same h4 {
    margin-bottom: 20px;
	text-align: center;
}

div#multiple_save_modal  .for_same + .parent_remov_div {
    justify-content: flex-start !important;
    align-items:center !important;
	background-color: rgb(238, 238, 238);
	padding: 5px 10px;
}
div#multiple_save_modal  .for_same + .parent_remov_div h5 + h5 {
    flex: 0 0 50%;
	margin:0;
}
div#multiple_save_modal .for_same + .parent_remov_div h5 {
    flex: 0 0 50%;
	margin:0;
}
div#multiple_save_modal  .parent_remov_div1 {
font-size: 16px;
    font-weight: 500;
    flex: 0 0 50%;
  text-align: left;
    display: flex;
    justify-content: flex-start;
}


div#multiple_save_modal .load_action_del {
    font-size: 16px;
    font-weight: 500;
	    flex: 0 0 50%;
    text-align: center;
    padding-left: 20px;
}
div#multiple_save_modal .parent_remov_div a {
    border: 1px solid transparent;
    background-color: #0179c2;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: transform 80ms ease-in;
	border-radius: 12px;
}
div#multiple_save_modal input#multiple_save {
    color: #ffffff;
    background-color: #c8102e;
    padding: 7px 13px;
    font-size: 0.9375rem;
   border-radius: 12px;
    box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
    color: #fff !important;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 170px;
    font-weight: 600;
    margin-left: auto !important;
    margin-bottom: 20px !important;
    margin-right: auto;
}
form#change_pass_form .form-group .input-group {
    width: 100%;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
form#change_pass_form .form-group .input-group span.message_box {
    flex: 0 0 100%;
}

form#change_pass_form .form-group .input-group i.fa.fa-key {
    display: inline-flex;
    width: 34px;
    height: 34px;
    justify-content: center;
    align-items: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-right: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
form#change_pass_form .form-group .input-group input {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    width: 88% !important;
}  

form#sign_up_form input#multiple_sign_name {
    background-color: rgb(238, 238, 238);
    width: 100%;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    padding: 12px 15px;
    margin: 8px 0px;
}
div#multiple_save_modal .modal-dialog.login_dialog {
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
	min-height:100vh;

}
/* div#multiple_save_modal {
    height: 100vh;
} */
div#multiple_save_modal  div#login_container{
min-height:500px;
}
div#multiple_save_modal .scroll_lis {
height:380px;
    overflow: scroll;
}

.jss15 button.MuiButtonBase-root.MuiButton-root.jss485:hover, .jss15 .jss485 {
    background-color: #c8102e;
}


.jss15 span.users i.fa.fa-users {
    display: inline-block;
    margin-right: 5px;
}
.jss15 span.users i.fa.fa-sign-out, .jss15 span.users i.fa.fa-sign-in {
    display: inline-block;
    margin-right: 4px;
    margin-top: 0px;
    font-size: 16px;
}
.jss15 .jss16 button.MuiButtonBase-root.MuiButton-root.jss485 span.users {
    margin-top: -4px;
}
.jss16.restart_btn svg.MuiSvgIcon-root {
    margin-right: 4px;
}
.jss16.price_layer span.dollar_sign {
    margin-right: 3px;
}
.mail_section .save_now_div input#save_with_id {
    min-height: 38px;
}
.jss15 .jss16 span.mob, .jss15 .jss16 span.multiple_save, .jss15 .jss16 .jss485 span {
    font-size: 13px;
}
div#panelsStayOpen-collapsesix div#jersey-container span.jersey-active.jersey {
    line-height: 33px;
}
.container > div#exampleModal {
    padding-right: 0 !important;
}

/* media 12345 */

@media (max-width:991px){
.MuiCollapse-container.MuiCollapse-entered button.MuiButtonBase-root.pattern_class {
    margin-right: 3px !important;
}

	.container > div#exampleModal .modal-dialog,div#priceModal .modal-dialog {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    margin-top: 0;
    margin-bottom: 0;
}
	form#register-form .input-group input {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    width: 80%;
}
	
	h6.login_person {
    display: none;
}
div#multiple_save_modal  .modal-dialog.login_dialog {
    max-width: 90% !important;
    /* width: 100%; */
   margin: 0 auto;
}	
.jss16.restart_btn button.MuiButtonBase-root.MuiButton-root.jss485.MuiButton-contained.MuiButton-containedPrimary.MuiButton-containedSizeLarge.MuiButton-sizeLarge.start_over {
    width: unset;
	}

	
}
@media (max-width: 767px){
  /* .addcardpc{display: none;} */
.jss11  .jss16 .MuiButtonBase-root.MuiButton-contained {
    padding: 0 !important;
}	
.jss11 .jss15 .jss16.su_button {
    padding-right: 10px !important;
    padding-left: 0px !important;
}	
.jss11 .jss15 .jss16 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

	
	.jss15 span.multiple_save {
    display: none;
}
	.jss15 span.users i.fa.fa-sign-out,.jss15 span.users i.fa.fa-users,.jss15 span.users i.fa.fa-sign-in {
  
    color: #000;
}
.jss15 .MuiButton-containedSizeLarge {
    padding: 8px 5px !important;
	font-size: 11px !important;

}
.jss15 button.MuiButtonBase-root.MuiButton-root.jss485:hover, .jss15 .jss485{
	/* background-color: transparent; */
    box-shadow: unset;
}
div#multiple_save_modal button.close {
    background: #000 !important;
    border-radius: 50px;
    left: 0px !important;
    top: 20px !important;
    color: #fff;
}
div#multiple_save_modal {
    padding: 0 !important;
}
	div#multiple_save_modal .modal-content.login_content {
    padding: 0 20px;
}
div#multiple_save_modal .overlay-container {
    padding: 0 10px;
}
div#multiple_save_modal .for_same a {
    margin: 0 auto;
}
div#multiple_save_modal input#multiple_save{
	margin-bottom:0 !important;
}
div#multiple_save_modal .modal-content.login_content {
    padding: 0 8px;
}
div#multiple_save_modal .parent_remov_div h5 {
    font-size: 12px;
margin: 0 3px 0 0;
}
div#multiple_save_modal  .modal-dialog.login_dialog {
    max-width: 100% !important;
    /* width: 100%; */
    margin: 0;
}
div#multiple_save_modal .overlay-container button, div#multiple_save_modal .parent_remov_div a{
	    text-transform: capitalize;
}
	
	div#multiple_save_modal .form-container.sign-in-container {
    width: 100%;
    position: unset;
}
div#multiple_save_modal  div#login_container{
min-height:300px;
}
div#multiple_save_modal .scroll_lis {
    height: 300px;
    overflow: scroll;
}
div#multiple_save_modal .overlay-container {
    width: 100%;
    position: unset;
}
div#multiple_save_modal div#login_container {
   
    flex-wrap: wrap;
}
div#multiple_save_modal .form-container.sign-up-container {
    width: 100% !important;
}	
	.jss16.restart_btn button.MuiButtonBase-root.MuiButton-root.jss485.MuiButton-contained.MuiButton-containedPrimary.MuiButton-containedSizeLarge.MuiButton-sizeLarge.start_over,.jss16.save_floppy, p.MuiButtonBase-root.MuiButton-root.jss485.MuiButton-contained.MuiButton-containedPrimary.MuiButton-containedSizeLarge.MuiButton-sizeLarge.img_sv_btn, .jss16.save_floppy p.MuiButtonBase-root.MuiButton-root.jss485.MuiButton-contained.MuiButton-containedPrimary.MuiButton-containedSizeLarge.MuiButton-sizeLarge.img_sv_btn {
 
    width: unset;
}
	
	
.switch-wrapper .col-md-8, .switch-wrapper .col-md-4 {
    flex: 100%;
    max-width:100%;
}
.jss15 p.MuiButtonBase-root.MuiButton-root img {
    margin-right: 0;
}
.mob{
	display:none;
}
.jss16.save_floppy p, .jss16.restart_btn button {
    /* background: none !important; */
    box-shadow: none !important;
}
.jss15 .jss16.restart_btn svg.MuiSvgIcon-root {
    color: #000 !important;
}
img.design_jersey_logo {
    width: 100px;
}
.jss12 img {
    max-width: 75px !important;
    height: auto !important;
}
img.design_jersey_logo {
    width: 100% !important;
}
/* p.MuiTypography-root.jss14.MuiTypography-body1.design_ypu {
    width: 150px !important;
} */
.switch-wrapper .container-fluid .row .col-md-8 {
    padding-top: 100px !important;
}
img.MuiSvgIcon-root {
    filter: invert(1);
}
div#panelsStayOpen-collapseseven .col-md-5, div#panelsStayOpen-collapseseven .col-md-4 {
    padding-right: 15px;
}
div#root div#panelsStayOpen-collapseseven .col-md-4, div#root div#panelsStayOpen-collapseseven .col-md-3 {
    max-width: 50%;
}
.accordion-body .col-md-4 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
}
.accordion-body .col-md-3 {
    flex: 0 0 50%;
    max-width: 50%;
}
p.MuiTypography-root.jss14.MuiTypography-body1 {
    padding-right: 7px;
}
.jss16.price_layer {
    padding-top: 20px !important;
}	
div#next_previous {
    position: absolute;
    bottom: -11px;
}
#next_previous {
    display: flex;
    justify-content: space-between !important;
    width: 100%;
    padding: 20px;
}
.jss16.price_layer i.fa.fa-usd {
    font-size: 20px;
}
.jss16.su_button {
    padding-top: 20px !important;
}
.jss16 {
    padding-left: 7px !important;
    padding-right: 5px !important;
}
.jss12 img {
    max-width: 85px;
    height: 25px;
}
.jss78 {
    width: 100%;
}
div#panelsStayOpen-collapsefive .accordion-body .col-md-5 {
    width: 100% !important;
}
.accordion-body .col-md-5 {
    padding-right: 15px !important;
}
.main .container {
    background: transparent !important;
}
.main button.navbar-toggler {
    position: absolute;
    z-index: 99;
    left: -10px;
    bottom: -52px;
    border: none;
}
div#panelsStayOpen-collapseseven .col-md-4 {
    position: unset !important;
    padding-right: 0;
}
button.accordion-button {
    padding-left: 55px !important;
}
.main .navbar.navbar-expand-lg.navbar-light.bg-light.background {
    display: block; 
 } 
div#accordionPanelsStayOpenExample {
    height: auto !important;
	padding-bottom: 50px;
}
a.remove_field i {
    font-size: 18px !important;
    padding-top: 30px;
}
div#panelsStayOpen-collapsefive .accordion-body .col-md-4 {
    width: 50% !important;
}
.accordion-body .col-md-3 {
width: 50%;
}
.MuiFormControl-root.jss136.MuiFormControl-fullWidth {
    margin-top: 10px !important;
}
.row.addformb .MuiFormControl-root.jss136.MuiFormControl-fullWidth {
    padding: 0 !important;
}
.modal-body.p-0.row .details.col-12.col-lg-12 {
    padding: 25px;
}
.modal-body.p-0.row h2 {
    font-size: 18px !important;
}
.MuiButton-containedSizeLarge {
    font-size: 13px !important;
    min-width: 10px !important;
}
.switch-wrapper .container-fluid .row .col-md-8 {
    padding-bottom: 55px;
}
.switch-wrapper .col-md-4 {
    position: fixed;
    bottom: 0;
}
.main {
    width: 247px;
}
.navigation {
    background: #fff;
    padding: 5px 15px;
    box-shadow: 0px 0px 7px 1px #ddd;
}
div#panelsStayOpen-collapseThree ul#pills-tab {
    padding: 0px 15px;
}
div#text1 div#panelsStayOpen-collapsefive .card-body {
    height: 190px;
    overflow-y: scroll;
}
div#panelsStayOpen-collapseseven .card-body {
    height: 200px;
    overflow-y: scroll;
}
image.bardown_logo {
    display: none;
}
.act span.list_counting i {
    font-size: 14px;
}
ul.navbar-nav.mr-auto li a {
    font-size: 14px;
}
div#roaster1 .accordion-body {
    height: 255px;
    overflow-y: scroll;
}
div#panelsStayOpen-collapseThree {
    height: 200px;
    overflow-y: scroll;
}
div#team_name1 .MuiFormControl-root.jss136.MuiFormControl-fullWidth.team_name_class {
    padding: 15px !important;
}
div#panelsStayOpen-collapseseven .col-md-4 .MuiFormControl-root.jss136.MuiFormControl-fullWidth, div#panelsStayOpen-collapseseven .col-md-3 .MuiFormControl-root.jss136.MuiFormControl-fullWidth {
    margin-top: 3px !important;
}
.add_more_button {
    margin-top: 5px;
}
body div#root div#panelsStayOpen-collapseseven .col-md-4 {
    max-width: 50% !important;
}
div#panelsStayOpen-collapseseven button.MuiButtonBase-root.MuiButton-root.jss485 {
    margin: 0 auto;
}

.MuiCollapse-container.MuiCollapse-entered button.MuiButtonBase-root.pattern_class {
    margin-right: 4px;
}



}

.log-im-wrapper.loginwrap .form-container.sign-in-container {
    width: 40%;
    left: 0;
}
.log-im-wrapper.loginwrap  .overlay-container {
    width: 100%;
    left: 0%;
}
.log-im-wrapper.loginwrap a.editbtn {
    padding: 5px 10px;
    border-radius: 12px;
	font-weight: bold;
	background: #0179c2;
	text-transform:uppercase;
    font-size: 11px !important;
    color: #fff !important;
	    min-width: 60px !important;
    display: inline-block;
}
form#multiple_save_form h1 {
    font-size: 20px !important;

}
form#forget_email_form span.message_box {
    text-align: center;
    display: block;
	font-size:14px;
}
.mail_section input#multiple_save {
    border-radius: 12px;
    background: #0179c2;
    width: 130px !important;
    border: none;
    padding: 10px 15px;
    display: flex;  
	    font-family: 'gobold_boldregular';
    font-weight: bold !important;
    font-size: 13px;
    justify-content: center;
    align-items: center;
    margin: 20px auto 0;
    color: #fff;
}
.for_same +h4 {
   /* text-align: center; */
    margin-bottom: 20px;
}
div#login_modal .form-container.sign-in-container.sign-in-container2 {
    display: flex;
    justify-content: center;
    align-items: center;
}
#login_container .sign-in-container2 p.suc_regs_m {
  text-align: center;
    color: #000 !important;
    font-size: 14px;
    margin-top: 0px;
    letter-spacing: 0;
    font-weight: 400;
}
#login_container .sign-in-container2 input#forgot_pass {
    font-size: 12px;
    font-weight: bold;
    padding: 12px 45px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 20px;
    max-width: 195px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
 .details .loader {
     text-align: center;
    margin: 15px auto 0;
}
form#multiple_save_form span.multiple_error {
    display: block;
    text-align: center;
}
.details {
    position: unset;
}



#sign_up_form .message_box {
    display: none;
}

div#multiple_save_modal .scroll_lis {

    overflow-x: hidden;
}
form#login_form {
    width: 100%;
}
.log-im-wrapper.loginwrap table.fullWidthtable th, .log-im-wrapper.loginwrap table.fullWidthtable td {
    padding: 4px 10px;
    font-size: 14px;
    border: 1px solid #efeeee;
    text-align: center;
}
.log-im-wrapper.loginwrap table.fullWidthtable th {
  
    font-size: 16px;
}

table.fullWidthtable {
    width: 100%;
}
table.fullWidthtable th.text-center{
	text-align:center;
}
@media (min-width:768px) and (max-width:991px){
	.jss12 img {
    margin-left: 0px !important;
    max-width: 100px;
}
img.design_jersey_logo {
    width: 100px;
}
.jss16 {
    padding-right: 8px;
}
.jss15 p.MuiButtonBase-root.MuiButton-root img, .jss15 span.users i.fa.fa-sign-out ,.jss15 span.users, .jss15 svg.MuiSvgIcon-root, .jss11 .jss16.price_layer span.dollar_sign{
	display:none !important;
}
.jss16.save_floppy p.MuiButtonBase-root.MuiButton-root.jss485.MuiButton-contained.MuiButton-containedPrimary.MuiButton-containedSizeLarge.MuiButton-sizeLarge.img_sv_btn {
    width: unset !important;
}
button#btnvlsv span, .jss16.price_layer span, .jss15 .jss16.save_floppy p span a, .jss15 .MuiButton-containedSizeLarge,.jss11 .jss16.price_layer span {
    font-size: 11px !important;
}
p.MuiTypography-root.jss14.MuiTypography-body1 {
    /* text-align: center; */
    width: unset;
    margin-right: 20px;
}
button.MuiButtonBase-root.MuiButton-root.jss485.MuiButton-contained.MuiButton-containedPrimary.MuiButton-containedSizeLarge.MuiButton-sizeLarge {
    width: 110px;
}
.jss16.price_layer {
    width: 15% !important;
    /* display: flex; */
}	
}
@media (max-width:991px) and (min-width:810px){
	.jss12 img {
    margin-left: 0px !important;
    max-width: 140px;
}
}
@media (max-width:1024px ) and (min-width:991px){
	button.MuiButtonBase-root.MuiButton-root.jss485.MuiButton-contained.MuiButton-containedPrimary.MuiButton-containedSizeLarge.MuiButton-sizeLarge {
    width: 130px;
}
.jss16.price_layer {
    width: 16% !important;
    /* display: flex; */
}
p.MuiTypography-root.jss14.MuiTypography-body1 {
    /* text-align: center; */
    width: unset;
}

img.design_jersey_logo {
    width: 100px;
    margin-right: 25px;
}
}
@media (max-width: 767px) {
  .addcardpc{display: none !important;}
  .jss11 {
    flex-wrap: wrap;
    height: 100% !important;
    gap: 10px 0;
}
.jss12 {
  width: 50% !important;
}
p.MuiTypography-root.jss14.MuiTypography-body1.design_ypu {
  width: 50%;
}
.jss15 {
  padding: 0 10px 5px;
  justify-content: space-between;
  /* flex-wrap: wrap; */
  z-index: 99;
  overflow-x: scroll;
} 
button#start_over span.MuiIconButton-label {
  max-width: 100%;
  padding: 0 5px;
}
span.mob_rt {
  display: block !important;
}
.jss16 {
  width: 100%;
}
.jss16 button {
  width: 100%;
}
.jss16 button {
  width: 100%;
  background-color: #c8102e ;
}
.jss16 button span.MuiIconButton-label {
  max-width: 100% !important;
}
.price_layer .MuiButtonBase-root span {
  padding: 0 7px;
}
.price_layer .MuiButtonBase-root span {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.jss16.su_button button#btnvlsv span {
  display: flex;
  width: 100px;
  justify-content: center;
} 
.restart_btn button#start_over {
  width: 100px;
}
.su_button button#btnvlsv {
  background-color: #c8102e !important;
  width: 115px !important;
}
.price_layer .MuiButtonBase-root {
  width: 100px;
}
.restart_btn button#start_over span svg {
  color: #fff !important;
}
.save_floppy p#login_auto span i {
  color: #fff;
}
.save_floppy p#login_check img.MuiSvgIcon-root {
  filter: inherit;
}
.jss16 span.MuiIconButton-label {
  width: 110px;
  padding: 5px;
}
.jss16 span.MuiIconButton-label i{
    filter: invert(100%) sepia(99%) saturate(2%) hue-rotate(355deg) brightness(106%) contrast(100%);
}
.jss16 img#flopp_img_hide{
  filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(670%) hue-rotate(28deg) brightness(110%) contrast(100%);
}
.jss16.price_layer span.dollar_sign {
  margin-right: 10px;
}
.jss16 span.MuiIconButton-label span.users i {
  font-size: 20px;
}
.jss15 .jss16 button.MuiButtonBase-root.MuiButton-root.jss485 span.users {
  margin-top: 0px !important;
}

.jss12 {
  width: 50% !important;
}
p.MuiButtonBase-root{
  display: none;
}
.jss12 img {
  max-width: 100% !important;
}
.jss12 {
  justify-content: flex-end!important;
}
}
@media only screen and (max-width: 667px) {
  /* .addcardpc{display: none;} */
.logo {
    margin: 7px 0px 11px 0px;
}	

.jss12 {
  width: 40% !important;
  justify-content: center !important;
}

p.MuiTypography-root.jss14.MuiTypography-body1.design_ypu {
  width: 58%;
}

}
@media only screen and (max-width:414px) {
  /* .addcardpc{display: none;} */
.jss16.price_layer i.fa.fa-usd {
    font-size: 15px;
}
.jss15 .MuiSvgIcon-root {
    width: 15px;
    height: 15px;
}
.jss15 .jss16.price_layer {
    padding-top: 10px !important;
}
.jss12 img.jss13 {
    margin-left: 0 !important;
}
.jss11 .jss14 {
    font-size: 14px !important;
    padding-right: 5px;
}
.accordion .nav-link, .accordion .step .container-fluid button, .accordion .accordion-button:not(.collapsed), ul#pills-tab .nav-link {
    font-size: 14px !important;
}
button.accordion-button{
    font-size: 14px !important;
}
.accordion span.list_counting {
    padding: 2px 5px;
    font-size: 14px;
    width: 20px;
    height: 20px;
}
  /* div#root .jss11 {
      height: 50px !important;
  } */
.jss16 {
    height: 50px !important;
    padding-top: 13px !important;
}
.jss16.su_button {
    padding-top: 10px !important;
}
.jss11 .jss16, .jss11 .jss16.price_layer {
    padding-top: 0px !important;
}
.jss15 p.MuiButtonBase-root.MuiButton-root img {
    width: 16px;
    height: 16px;
}
.jss11 .jss15 .jss16.su_button {
  padding-left: 10px !important;
}
}



@media only screen and (max-width:767px) and (min-width:490px){
  /* .addcardpc{display: none;} */
  .jss15 p.MuiButtonBase-root.MuiButton-root img {
    margin-right: 8px;
}
.restart_btn button#start_over {
  width: 100% !important;
}
/* .jss11 .jss15 .jss16{
  padding-left: 10px !important;
  padding-right: 0 !important;
} */
/* .jss16.su_button {
  padding-left: 10px !important;
} */
.jss11 .jss15 .jss16.su_button {
  padding-left: 10px !important;
}
.su_button button#btnvlsv {
  width: 130px !important;
}
}

@media only screen and (max-width:375px) {
  /* .addcardpc{display: none;} */
.mail_section .MuiButton-containedSizeLarge {
    padding: 8px 18px !important;
}
.jss12 img.jss13 {
    margin-left: 0 !important;
}
.jss15 .jss16.su_button {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
ul#pills-tab li.nav-item {
    padding: 0 3px !important;
}
a.remove_field i {
    font-size: 20px !important;
    padding-top: 27px;
}
div#panelsStayOpen-collapseThree .shadow-sm li.nav-item {
    margin: 5px 6px 0px !important;
}
.jss15 .MuiSvgIcon-root {
    width: 15px;
    height: 15px;
}
.jss11 .jss12 img {
    max-width: 70px;
    height: 20px;
}
.jss11 .jss14 {
    font-size: 11px !important;
    padding-right: 5px;
}
.MuiTypography-body1 {
    font-size: 11px;
}
.jss11 .jss16, .jss11 .jss16.price_layer {
    padding-top: 0px !important;
}
}
text.best_team {
    letter-spacing: 1px;
    font-family: 'goboldregular' !important;
}
@media (max-width:1024px) and (min-width:768px){
	.jss11 .jss16.su_button {
    padding-left: 0 !important;
}
	.jss11 .jss16.price_layer span {
    display: block;
}
.jss11 .jss16.su_button button#btnvlsv {
    background-color: #c8102e;
  
}
.jss11 .jss16.price_layer .jss485 {
    background-color: #c8102e;
    box-shadow: unset;
}
.jss11 .jss16.price_layer i.fa.fa-usd {
    display: none!important;
}
.jss16.price_layer {
    width: 25%;
    /* display: flex; */
}
.jss11 .jss16.price_layer span {
    display: flex;
    align-items: center;
    justify-content: center;
}
.jss11 .MuiButtonBase-root.MuiButton-root.jss485.MuiButton-contained.MuiButton-containedPrimary.MuiButton-containedSizeLarge.MuiButton-sizeLarge {
    display: flex;
}
.jss11 .jss16.su_button span {
    display: block;
}

.jss11 span.dollar_sign {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}
.jss11 button#btnvlsv img {
    display: none !important;
}
.jss11 .jss16.su_button button#btnvlsv {
    background: transparent;
    box-shadow: none;
    min-width: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.jss11 .jss16.su_button button#btnvlsv {
    background-color: #c8102e !important;
}
.jss11 .jss15 {
  
    justify-content: flex-end;
}
.jss11 .jss16 {
    height: unset;
}
.jss11 .jss16, .jss11 .jss16.price_layer {
    padding-top: 0px !important;
}
div#panelsStayOpen-collapseseven button.MuiButtonBase-root.MuiButton-root.jss485 {
    margin: 0 auto;
}



}
@media (max-width:500px){
	.jss11 .jss15 .jss16 {
    padding-left: 0px !important;
    padding-right: 5px !important;
}
.jss11 .jss15 .jss16.su_button {
    padding-right: 5px !important;
    padding-left: 0px !important;
}
.jss15 span.users i.fa{
	margin:0 !important;
}

.jss11 .jss15 .jss16 span.MuiIconButton-label {
    max-width: 14px;
    justify-content: space-evenly;
}
p.MuiButtonBase-root.MuiButton-root.jss485.MuiButton-contained.MuiButton-containedPrimary.MuiButton-containedSizeLarge.MuiButton-sizeLarge.img_sv_btn {
  justify-content: space-evenly;
}
/* .addcardpc{display: none;} */

}


.scroll_lis tbody tr:nth-child(odd) {
    background: #e4e4e4;
}

.scroll_lis tbody tr:nth-child(even) {
    background: #fff;
}
form#change_pass_form {
    max-width: 400px;
    margin: 0 auto;
	    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
form#change_pass_form  input#new_pass,form#change_pass_form input#old_pass {
    margin: 0 !important;
	    width: 85% !important;
	    border: 1px solid #ccc;
}
form#change_pass_form span.message_box span {
    text-align: center;
    font-size: 14px !important;
    display: block;
}
form#change_pass_form  .alert.alert-warning.pass_sucsws, form#change_pass_form  .alert.alert-success.pass_fail_m {
    text-align: center;
    font-size: 15px;
}
.my_design_list .my_design_list1{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
div#multiple_save_modal .overlay-container .for_same a {
    margin-right: 20px !important;
}
form#change_pass_form .form-group .input-group i.fa.fa-key {
    display: inline-flex;
width: 50px;
    height: 50px;
}
form#change_pass_form h4.design_listi {
    text-align: center; 
}
form#change_pass_form p.suc_regs_m {
    margin: 0 !important;
    text-align: center;
    color: #000;
    font-weight: 400 !important;
    letter-spacing: 0;
}
form#change_pass_form input#change_pass {
    max-width: 170px;
    margin: 0 auto;
    text-transform: uppercase;
    font-size: 0.9375rem;
    border-radius: 12px;
    font-family: 'gobold_boldregular';
}

div#sucmesg .alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    font-size: 15px;
}

.files_placeholder img {
    width: 60px;
    margin: 0px 0px 10px;
}
.files_placeholder  .remove-btn {
    padding: 10px 15px;
    margin: 0px 10px;
    border: 2px solid #c8102e;
    border-radius: 12px;
    background-color: #c8102e;
    color: white !important;
}
.remove-btn span {
    margin: 0px 5px 0px 0px;
}
.mytooltip {
  display: inline;
  position: relative;
  z-index: 999;
}
.mytooltip .tooltip-item {
  /* background: rgba(0, 0, 0, 0.1); */
  cursor: pointer;
  display: inline-flex;
  font-weight: 500;
  /* padding: 0 10px; */
  width: 20px;
  height: 20px;
  margin-right: 6px;
}
.mytooltip .tooltip-content {
  position: absolute;
  z-index: 9999;
  width: 475px;
  padding: 15px;
  left: -500px;
  margin: 0 0 20px 0px;
  bottom: -140px;
  text-align: left;
  border: 1px solid #ccc;
  line-height: 30px;
  -webkit-box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2);
  box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2);
  background: #ffffff;
  opacity: 0;
  border-radius: 15px;
  cursor: default;
  pointer-events: none;
}
.mytooltip .tooltip-content::after {
  content: "";
  top: 50%;
  border: solid transparent;
  height: 0;
  right: -30px;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: #e1e1e1 transparent transparent;
  border-width: 15px;
  margin-left: 0px;
  transform: rotate(-90deg);
}
.mytooltip .tooltip-content img {
  position: relative;
  height: 250px;
  display: block;
  float: left;
  margin-right: 1em;
}
.mytooltip .tooltip-item::after {
  content: "";
  position: absolute;
  width: 360px;
  height: 20px;
  bottom: 100%;
  left: 50%;
  pointer-events: none;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.mytooltip:hover .tooltip-item::after {
  pointer-events: auto;
}
.mytooltip:hover .tooltip-content {
  pointer-events: auto;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0deg);
  transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0deg);
}
.mytooltip:hover .tooltip-content2 {
  opacity: 1;
  font-size: 18px;
}
.mytooltip .tooltip-text {
  font-size: 14px;
  line-height: 24px;
  display: block;
  padding: 1.31em 1.21em 1.21em 0;
  color: #fff;
}
.sample_txt-desc a {
  color: #0179c2;
  font-size: 14px;
  font-weight: 600;
  padding: 0;
}
.txt-desc {
  font-size: 15px;
  display: flex;
}


/* 22-01-2024 */
div#accordionPanelsStayOpenExample .card {
  border-radius: 5px !important;
}
div#accordionPanelsStayOpenExample .card .card-header button.accordion-button.collapsed {
  background: #fff !important;
}
div#accordionPanelsStayOpenExample .card .card-header button.accordion-button {
  background: #d0e4e1 !important;
}


.MuiFormControl-root.jss136.MuiFormControl-fullWidth.style_collar {
  padding: 16px;
  margin: 0;
}


.MuiFormControl-root.jss136.MuiFormControl-fullWidth.style_collar img {
  width: 65px;
  cursor: pointer;
}

.laces_style_img {
  display: flex;
 
}

/* #team_name1 button.accordion-button.sen1 {
  font-size: 17px !important;
} */

.img_collar_subdiv.collar_active {
  border: 1px solid;
}

input.remove_logo_shoulder {
  background: #c8102e;
  border: none;
  border-radius: 6px;
  color: #fff;
  text-transform: capitalize;
  padding: 5px 10px;
  display: block;
  margin: 14px 0 5px auto;
}ul#pills-tab {
  flex-wrap: nowrap;
}


ul#pills-tab li {
  padding: 0px !important;
}