#mspwrplt_cmty_description_ControlView{
margin-bottom: 0px;
}
.ms-TextField-field {
border: 1px solid var(--cmty-black);
}
.ms-Dropdown-title{
    border: 1px solid var(--cmty-black);
    line-height: 20px;
}
.ms-Dropdown:focus .ms-Dropdown-title{
        border-color: var(--cmty-communication-blue-shade130);
}
#from-date-range-calendar-label,#to-date-range-calendar-label{
 font-weight: 400;
 min-width:unset;
    line-height: 17px;
}

.ms-Dropdown-items{
display:inline;
position:relative;
}
.ms-Dropdown-caretDown{
bottom: 0px;
right: 0px;
}
.monthPickerWrapper-206 {
    display: flex;
    flex-direction: column;
}
.ms-Callout{
    width: 461px;
    }
.appendDatePicker .ms-TextField-field{
    display: flex;
    align-items: center;
}
.crmEntityFormView{
        background-color: transparent;
} 
#from-date-range-calendar {
    margin-bottom: 0;
}
/*======================================================================*/
    @media (min-width: 320px) {
            .create-event-form-container {
                max-width: initial;
            }
        }

        @media (min-width: 1024px) {
            .create-event-form-container {
                max-width: 768px;
                margin: auto;
            }
        }

        body {
            font-family: var(--cmty-font-family);
            font-size: var(--cmty-font-size-sm);
            font-style: normal;
            line-height: 120%;
            color: var(--cmty-black-dark20);
        }


        /* this this will go in common css */
        /*-------------- Input Text Starts-------------*/
        .user-profile-fields input,
        .user-profile-fields select,
        input[type="text"],
        select {
            border: solid 1px #cccccc !important;
            padding: 9px;
            width: 100%;
            line-height: 23px;
            background: none;
        }


        /*-------------- Input Text Ends-------------*/
        .msd-text-field-wrapper .msd-input-control-icon {

            right: 16px !important;

        }

        .msd-timezone-text {
            vertical-align: top;
            font-size: var(--cmty-font-size-sm);
            color: var(--cmty-black);
            line-height: 20px;
        }

        @media (min-width: 990px) and (max-width: 1920px) {
            .msd-tz2 #timezonedropdown {
                width: 352px !important;
            }
        }

        /*@media (max-width: 1365px) and (min-width: 320px){*/
        /*.msd-text-field-wrapper .msd-input-control-icon {*/
        /*    right: 16px !important;*/
        /*}*/
        /*}*/
        @media (min-width: 1366px) and (max-width: 1920px) {
            .msd-text-field-wrapper.ms-Grid-col .msd-input-control-icon {
                right: 24px !important;
            }
        }

        .msd-tz-img {
            margin-right: 12px;
            font-size: var(--cmty-font-size-md);
            color: var(--cmty-neutrals-web-gray160);
            vertical-align: middle;
        }

        @media (max-width: 480px) {
            .msd-tz1 {
                padding-bottom: 8px;
            }
        }

        @media (min-width: 480px) {
            .msd-tz1 {
                width: 100%;
                /*padding-bottom: 8px;*/
            }

            .msd-tz2 {
                width: 100%;
            }
        }

        @media (min-width: 640px) {
            .msd-tz1 {
                width: 25%;
            }

            .msd-tz2 {
                width: 74%;
            }
        }

        @media (min-width: 1024px) {
            .msd-tz1 {
                width: 25%;
            }

            .msd-tz2 {
                width: 48%;
            }
        }

        .msd-tz1 {
            display: -webkit-inline-box;
            /*vertical-align: middle;*/
        }

        .msd-tz2 {
            display: inline-block;
            position: relative;
        }

        #timezonedropdown:focus {
            outline: none !important;
            border: 2px solid var(--dc-button-background-color) !important;
            border-radius: 2px;
        }

        #timezonedropdown {
            color: var(--cmty-black-dark30);
            background-color: var(--cmty-white);
            border: solid 1px var(--cmty-neutrals-web-gray130) !important;
            border-radius: 2px;
            height: 32px;
            padding-top: 0px;
            padding-right: 25px;
            padding-bottom: 0px;
            
        }

        #timezonedropdown option {
            width: 97%;
            font-size: var(--cmty-font-size-sm);
            color: var(--cmty-black-dark30);
            line-height: 20px;
            margin-left: 8px;
        }

        .error-alert {
            display: none;
        }

        #eventStartDate {
            margin-bottom: 0;
        }

        #eventStartDate span {
            display: none;
        }

        #eventEndDate {
            margin-bottom: 0;
        }

        #eventEndDate span {
            display: none;
        }

        .ms-Dropdown-container {
            border: none !important;
            padding: 0;
        }

        .ms-Dropdown-callout>div {
            max-height: 220px !important;
        }

        #errorStartDate,
        #errorStartTime,
        #errorEndDate,
        #errorEndTime {
            display: none;
        }

        .ms-Button--primary.focussed::after {
            content: "";
            position: absolute;
            inset: 2px;
            border: none;
            outline: var(--cmty-white) solid 1px;
            z-index: 1;
        }

        .MicrosoftMap .as_container li a:focus .line1,
        .MicrosoftMap .as_container li a:focus .line2 {
            text-decoration: underline;
        }

        .ms-Spinner-circle {
            display: flex;
            height: 100%;
            width: 300px;
            align-items: center;
            justify-content: center;
        }

        .circle-405 {
            box-sizing: border-box;
            border-radius: 50%;
            border-width: 1.5px;
            border-style: solid;
            border-color: rgb(0, 120, 212) rgb(199, 224, 244) rgb(199, 224, 244);
            border-image: initial;
            animation-name: spin;
            animation-duration: 1.3s;
            animation-iteration-count: infinite;
            animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67);
            width: 28px;
            height: 28px;
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .msd-align-items-center .msd-text-field-wrapper input:focus {
            outline: 1px dashed var(--cmty-black) !important;
        }

        input:focus+.msd-toggle-thumb.round {
            outline: 1px solid var(--cmty-black) !important;
        }
/*================Create event media queries css start===========*/

/* For 640 resolution width */
@media(max-width:640px){

}
/* For 320 resolution width */

@media(max-width:485px ){
  .msd-block-group-button input[type="button"] {
  display: block;
    margin-bottom: 20px;
} 
}
/*================Create event media queries css end===========*/