/* Minification failed. Returning unminified contents.
(1105,32): run-time error CSS1034: 
(1105,32): run-time error CSS1042: Expected function, found ','
(1105,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1108,33): run-time error CSS1034: 
(1108,33): run-time error CSS1042: Expected function, found ','
(1108,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
.pickmeup {
	background: rgb(243, 232, 241);
	border-radius: .4em;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	display: inline-block;
	position: absolute;
    touch-action: manipulation;
    z-index:3000;
    font-size: 14px;
}


.slide {
		right: -320px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		width: 320px;
		height: 100%;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
}

.pickmeup pmu-view-days {
    left: 350px;
    top: 155px;
}

.date-box {
    display: flex;
    align-items: center;
}

.grid-wrap {
    font-size: 18.41px;
    font-family: BrownStd-Regular,sans-serif;
     color:#666;
    margin: 10px 0px;
	width: 100%;
	float: left;
    height: 75px;
  }



	.wrapper {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		padding-left: 3%;		
	}

  


  /* @media screen and (min-width: 512px) {
	@supports (display: grid) {
		.wrapper {
			display: grid;
			background-color: #f1f3f4;
			grid-template-columns: repeat(3,1fr);
			padding-left: 2%;
		
			
		}
	}
  } */

  @media screen and (max-width: 512px) {
    .wrapper {
        display: grid;
        /* grid-template-columns: 100px 100px 100px; */
        grid-gap: 0 2px;
        background-color: #f1f3f4;
        grid-template-columns: repeat(3,1fr);
    
        
    }
  }

  .box {

    font-family: BrownStd-Regular,sans-serif;
        color: #333;
        font-size: 14px;
        
  }

  .checkbox-minutes {
      padding: 8px;
      position: relative;
      left: 10%;
      top: 7%;

  }

  .checkbox-minutes-label {
   position: relative;
   left: 10%;
   font-size: 12px;
   font-family: BrownStd-Light,sans-serif;
   font-weight: 300;
  }

   .minutes-sample {
     width: 201px;
     height: 35px;
      margin-top:8px;
      padding:1.5%; 
  }

.single {
    
    left: 30%;
    align-self: center;
    display: inline-block;
    position: relative;

}
.example {
    
    left: 50%;
    align-self: center;
    display: inline-block;
    position: absolute;

}

.pickmeup * {
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.pickmeup.pmu-flat {
	position: relative
}

.pickmeup.pmu-hidden {
	display: none
}

.pickmeup .pmu-instance {
	display: inline-block;
	height: 13.8em;
	padding: .5em;
	text-align: center;
	width: 15em
}


/* .pickmeup .pmu-instance {
	display: inline-block;
	height: 15px;
	padding: .5em;
	text-align: center;
	width: 15px;
} */

.pickmeup .pmu-instance .pmu-button {
	color: #333;
	cursor: pointer;
	outline: none;
	text-decoration: none
}

.pickmeup .pmu-instance .pmu-today {
	background: #17384d;
	color: #88c5eb
}

.pickmeup .pmu-instance .pmu-button:hover {
	background: transparent;
	color: #88c5eb
}

.pickmeup .pmu-instance .pmu-not-in-month {
	color: #666
}

.pickmeup .pmu-instance .pmu-disabled,
.pickmeup .pmu-instance .pmu-disabled:hover {
	color: #333;
	cursor: default
}

.pickmeup .pmu-instance .pmu-selected {
	background: #136a9f;
	color: #eee
}

.pickmeup .pmu-instance .pmu-not-in-month.pmu-selected {
	background: #17384d
}

.pickmeup .pmu-instance nav {
	color: #eee;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	line-height: 2em
}

.pickmeup .pmu-instance nav *:first-child :hover {
	color: #88c5eb
}

.pickmeup .pmu-instance nav .pmu-prev,
.pickmeup .pmu-instance nav .pmu-next {
	display: none;
	height: 2em;
	width: 1em
}

.pickmeup .pmu-instance nav .pmu-month {
	width: 8em
}

.pickmeup .pmu-instance .pmu-years *,
.pickmeup .pmu-instance .pmu-months * {
	display: inline-block;
	line-height: 3.6em;
	width: 3.5em
}

.pickmeup .pmu-instance .pmu-day-of-week {
	color: #999;
	cursor: default
}

.pickmeup .pmu-instance .pmu-day-of-week *,
.pickmeup .pmu-instance .pmu-days * {
	display: inline-block;
	line-height: 1.5em;
	width: 2em
}

.pickmeup .pmu-instance .pmu-day-of-week * {
	line-height: 1.8em
}

.pickmeup .pmu-instance:first-child .pmu-prev,
.pickmeup .pmu-instance:last-child .pmu-next {
	display: block
}

.pickmeup .pmu-instance:first-child .pmu-month,
.pickmeup .pmu-instance:last-child .pmu-month {
	width: 13em
}

.pickmeup .pmu-instance:first-child:last-child .pmu-month {
	width: 12em
}

.pickmeup:not(.pmu-view-days) .pmu-days,
.pickmeup:not(.pmu-view-days) .pmu-day-of-week,
.pickmeup:not(.pmu-view-months) .pmu-months,
.pickmeup:not(.pmu-view-years) .pmu-years {
	display: none
}
.body-container {
    background: #F9FCFF;
}
.button-container {
    margin-top: 80px;
    width: 100%;
}
.calender-btn {
    background: #F9FCFF;
    margin: 30px 0px 25px 34px;
    width: 274px;
    height: 47px;
    font-family: BrownStd-Regular, Sans-serif;
    float: left;
}

    .calender-btn .btn-primary:focus, .calender-btn .btn-primary.active:focus, .calender-btn .btn-primary:hover,
    .calender-btn .btn-primary:active.focus, .calender-btn .btn-primary:active:focus, .calender-btn .btn-primary:active:hover {
        color: #fff;
        border-color: none;
    }

.btn-bootom-edge-line {
    border: 0.3px solid #C7E3F1;
    margin-left: -15px;
    margin-right: -15px;
}

.btn-right-slide {
    background-color: transparent;
    border: none;
    display: inline;
}

.main-header-txt {
    font-family: BrownStd-Regular, Sans-serif;
    font-size: 18px;
    letter-spacing: 1.35px;
    color: #0C7ACA;
    padding: 25px 34px 25px 34px;
    text-transform: uppercase;
}

    .main-header-txt span {
        font-family: BrownStd-Regular, Sans-serif;
        font-size: 18px;
        letter-spacing: 1.35px;
        color: #E03300;
        padding-left: 10px;
    }

.message-box {
    background: #D8E9EF;
    border-style: Solid;
    border-color: #008CC3;
    border-width: 0.6px;
    height: 71px;
    padding: 20px;
    margin-top:30px;
}

.message-box-txt {
    font-family: BrownStd-Regular, Sans-serif;
    color: #666666;
    font-size: 18px;
}

.carousel-bg {
    background: #EDF0F2;
    opacity: 0.7;
    height: 261px;
    border-top: #1BCEE0 1px Solid;
    border-bottom: #1BCEE0 1px Solid;
    margin-top: 2%;
    margin-bottom: 2%;
}

.plusicon {
    padding-left: 60px;
    padding-top: 130px;
    color: #0C7ACA;
    font-size: 18px;
    font-family: BrownStd-Regular, Sans-serif;
}

.plustxt {
    width: 260px;
}

    .plustxt img, .plustxt span, .edit-studio, .delete-studio {
        cursor: pointer;
    }

.editDisabled .modal-content {
    border-radius: 0px;
    width: 550px;
    height: 130px;
    margin: 50px auto;
    font-family: BrownStd-Light , Sans-serif;
    background: #fff;
    min-height: unset;
}

.editDisabled .modal-title {
    color: #333333;
    font-size: 20px;
    font-family: BrownStd-Regular, Sans-serif;
}

.editDisabled .modal-header .close {
    font-size: 35px;
    margin-top: -22px;
}

/* Accordation releated and Model releated*/
.modal-content {
    border-radius: 0px;
    width: 750px;
    margin: 50px auto;
    font-family: BrownStd-Regular, Sans-serif;
    background: #fff;
}

.modal.show .modal-dialog {
    max-width: fit-content;
}

.modal-open .modal {
    overflow-y: overlay !important;
}

.modal-title {
    color: #333333;
    font-size: 24px;
    font-family: BrownStd-Regular, Sans-serif;
}

.modal-header {
    padding: 15px;
    border: none;
    display: block;
}

    .modal-header .close {
        float: right;
        font-size: 35px;
        font-weight: 900;
        opacity: 1;
        margin-top: -20px;
    }
#modal .modal-header .close:hover {
    opacity: 0.5;
}
.collapse.show {
    position: relative;
    margin: 15px;
    border: 1px solid #008CC3;
    margin-top: 10px;
    background: #fbfbfb;
    padding: 7px;
}


.collapsing {
    position: relative;
    margin: 15px;
    border: 1px solid #D8E9EF;
    margin-top: 10px;
    background: #f2fafa;
    padding: 7px;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility, width;
}

.single {
    left: 33% !important;
    margin: 20px;
}

.acchead-content {
    background-color: #D8E9EF;
    color: #444;
    cursor: pointer;
    padding: 8px 15px;
    width: 96%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    margin: 2%;
}

.accordion-content {
    background-color: #DEE4E4;
    color: #333333;
    cursor: pointer;
    padding: 8px 15px;
    width: 96%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 14px;
    margin: 2%;
    font-family: BrownStd-Regular, Sans-serif;
}

.active, .acchead-content:hover {
    background-color: #cfebf1;
    font-weight: bold;
    font-size: 14px;
    color: #333333;
}

.accordion-content:after {
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    content: url(../../../../img/Chevron%20right.svg);
    height: 10px;
    width: 10px;
    transform: rotate(-90deg);
    margin-right: 10px;
    margin-top: 5px;
}

.accordion-content.active:after {
    content: url(../../../../img/Chevron%20right.svg);
    height: 10px;
    width: 10px;
    transform: rotate(90deg);
    margin-top: 5px;
    margin-right: 2px;
}

.accordion-inactive {
    content: '\002B'; /*  \&#709;*/
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.accordion-active {
    content: "\2212";
}

.panel {
    border: none;
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.date-range {
    background: #f1f3f4;
    margin: 10px 0px;
    width: 100%;
    float: left;
    height: 270px;
}

.date-intervel {
    background: #f1f3f4;
    margin: 10px 0px;
    width: 100%;
    float: left;
    height: 75px;
    margin-bottom: 40px;
}

.daterange-list, .intervel-list {
    padding: 0px;
}

.date-range li {
    display: inline-block;
    padding: 15px 75px 20px 10px;
}

.date-intervel li {
    display: inline-block;
    padding: 15px 90px 20px 10px;
}

.nxt-btn .nt-btn {
    width: 100px;
    height: 35px;
    background: #008CC3;
    color: #FFFFFF;
    box-shadow: none;
    border: none;
    margin-left: 7%;
    font-size: 14px;
    font-family: BrownStd-Regular, Sans-serif;
    font-weight: 300;
    border-style: Solid;
}

    /*.nxt-btn .nt-btn:hover, .nxt-btn .nt-btn:focus {
        background: lightblue;
    }*/

.view {
    display: none;
}

/* New Css for Production location*/

.production-head {
    display: inline-block;
    width: 100%;
    font-weight: bold;
    font-size: 14px;
}

.txt-label {
    font-size: 17px;
    color: #333333;
    font-family: BrownStd-Regular, Sans-serif;
    float: left;
    padding: 15px;
}

.icon-plus {
    float: right;
    padding: 15px;
}

.custom-control {
    padding: 10px;
    border-top: 1px Dashed #D5D5D5;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.custom-control-last {
    padding: 10px;
    border-left: none;
    border-right: none;
    border-top: 1px Dashed #D5D5D5;
    border-bottom: 1px Dashed #D5D5D5;
}

    .custom-control label, .custom-control-last label {
        font-size: 14px;
        font-family: BrownStd-Light , Sans-serif;
        font-weight: 300;
    }

.custom-radio span {
    float: right;
    padding: 0px 15px;
}

.location-nxt-btn {
    margin: 20px 0px;
}

.preview-nxt-btn {
    margin: 20px 0px;
    text-align: center;
}

.location-btn, .preview-btn {
    width: 100px;
    height: 35px;
    background: #008CC3;
    color: white;
    box-shadow: none;
    border: none;
    font-size: 14px;
    font-family: BrownStd-Regular, Sans-serif;
}

.custom-control:focus, .custom-control:hover {
    background: #e2fdff;
}

.txt-plus {
    cursor: pointer;
    color: #0C7ACA;
}

/*Preview Releated*/

.calender-title {
    width: 280px;
    height: 200px;
    border: 1px solid #1BCEE0;
    margin: 10% 30%;
}

.cal-pre-txt {
    padding: 2%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .cal-pre-txt p {
        margin: 0px;
        padding-bottom: 4px;
        font-size: 17px;
        font-family: Brownstd-regular, Sans-serif;
        color: #333333;
    }
/* Accordation releated ending*/


/* Accordation and modal for Production Location related*/
.white {
    background-color: #f5f5f5;
}

.location-header {
    padding: 20px 20px 0px 20px;
    border: none;
}

.location-content {
    padding: 0px 30px 30px 30px;
}

.sub-content {
    padding-bottom: 15px;
}

.modal-row {
    display: grid;
    grid-template-columns: 28% 28% 28%;
}

.optional {
    display: grid;
    grid-template-columns: 80% 20%;
}

.optional-item {
    width: 100%;
    height: 25px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding-left: 5px;
    color: #000000;
    font-family: BrownStd-Regular, Sans-serif;
}

.item {
    height: 25px;
    width: 80%;
    font-family: BrownStd-Regular, Sans-serif;
    margin-bottom: 10px;
    color: #000000;
    padding-left: 5px;
}

.content-item {
    Width: 80%;
    margin-bottom: 10px;
    font-family: BrownStd-Regular, Sans-serif;
    font-size: 14px;
    color: #000000;
}

.modal {
    overflow: overlay;
}

.preview-plusicon {
    color: #008CC3;
    font-size: 18px;
    font-family: BrownStd-Regular, Sans-serif;
    padding-left: 20px;
    margin-top:30px;
}

.preview-cal-title {
    width: 280px;
    height: 220px;
    border: 1px solid #1BCEE0;
    margin: 20px;
    font-family: BrownStd-Regular, Sans-serif;
    box-shadow: 0px 1px 0px 5px #ddd;
}

.preivew-endtxt {
    color: #29AAE2;
    font-size: 14px;
    border-top: 1px solid #1BCEE0;
    padding: 10px;
    font-weight: bold;
}

.preview-cal-title .list-icon {
    font-size: 35px;
    color: white;
}

/**Datepicker*/

.date-intervel-block {
    width: 86%;
    margin: 0% 7%;
    clear: both;
    background: #f1f3f4;
    font-family: BrownStd-Regular, Sans-serif;
    font-size: 18.41px;
}

select {
    width: 90px;
    height: 20px;
    font-family: BrownStd-Light , Sans-serif;
    font-weight: 300;
    color: #000000;
    font-size: 14px;
    letter-spacing: 0.35px;
    cursor:pointer;
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 679px;
        margin: 30px auto;
        top: 100px;
    }
}

.modal.fade.right.location-modal.show .modal-content {
    width: 750px;
    margin: 50px auto;
    font-family: BrownStd-Light , Sans-serif;
    background: #FBFBFB;
    border-style: solid;
    border-color: #29AAE1;
    box-shadow: -50px -1.2px 90px -45px #666;
}

.location-modal .nxt-btn .nt-btn {
    margin-left: 0;
}

.location-content .sub-content p {
    font-family: BrownStd-Regular, Sans-serif;
    font-size: 14px;
    color: #666666;
}

.location-modal.modal.right.fade .modal-dialog {
    right: 125px !important;
    position: relative;
    -webkit-transition: opacity 0.9s linear, right 0.9s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.8s ease-out;
    -o-transition: opacity 0.3s linear, right 0.8s ease-out;
    transition: opacity 0.9s linear, right 0.9s ease-out;
}

.location-modal.modal.right.fade.show .modal-dialog {
    right: 150px !important;
    position: relative;
    -webkit-transition: opacity 0.3s linear, right 0.8s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.8s ease-out;
    -o-transition: opacity 0.3s linear, right 0.8s ease-out;
    transition: opacity 0.3s linear, right 0.8s ease-out;
}

hr {
    Width: 675px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-style: solid;
    border-color: #2D9AD5;
    border-width: 0.25pt;
}

.fade.show.location-modal {
    opacity:1;
}

.control-icons {
    float: right;
}

.radio-background {
    background: #E2FDFF;
}

.txt-inter {
    padding-top: 15px;
    font-size: 12px;
    font-family: BrownStd-Light , Sans-serif, Sans-serif;
    color: #676767;
}


.carousel-bg .preview-cal-title {
    width: 280px;
    height: 220px;
    border: 2px solid #1BCEE0;
    margin: 20px;
    font-family: BrownStd-Regular, Sans-serif;
    box-shadow: 0px 1px 0px 5px #ddd;
    background: transparent;
}

.cal-pre-head {
    color: #fff;
    background: #008CC3;
    padding: 2%;
    border-color: #0071BB;
    margin-bottom: 10px;
}

.carousel-bg .preview-cal-title span {
    font-weight: 900;
    color: #000;
}

.carousel-bg .preview-cal-title a {
    color: #29AAE2;
    font-weight: 700;
    font-family: BrownStd-Bold , Sans-serif;
}

.preview-container p {
    font-family: BrownStd-Light, Sans-serif;
    font-size: 18px;
    color: #666666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .preview-container p span {
        font-family: BrownStd-Regular, BrownStd , Sans-serif;
        font-size: 18px;
        color: #666666;
    }

.date-align {
    padding: 10px 0px;
    padding-left: 3%;
    height: 102px;
}

.date-align-txt {
    float: left;
    font-family: BrownStd-Regular, BrownStd , Sans-serif;
    color: #333;
    font-size: 14px;
    font-weight: bold;
}

.date-input-txt {
    text-align: left;
    background: #ffffff;
    border-style: Solid;
    border-color: #989898;
    margin-left: -22%;
    margin-top: 33px;
    width: 201px;
    height: 35px;
    font-family: BrownStd-Regular, BrownStd , Sans-serif;
    color: #666;
    font-size: 14px;
    border-width: 0.25pt;
    padding: 1.5%;
    cursor: pointer;
}

.preview-cal-outer {
    background: #EDF0F2;
    border-style: Solid;
    border-color: #B2B2B2;
    border-width: 0.25pt;
    width: 283px;
    height: 211px;
    margin: 20px;
}

.preview-cal-inner {
    border-style: Solid;
    border-color: #008cc3;
    border-width: 0.25pt;
    width: 273px;
    margin: 5px;
    height: 201px;
}

.pre-cal-header {
    background: #008CC3;
    height: 32px;
    color: #fff;
    font-size: 14px;
    font-family: BrownStd-Regular, BrownStd , Sans-serif;
    padding: 3px;
    border-style: solid;
    border-color: #008CC3;
    margin-bottom: 7px;
}

.edit-prod-cal {
    float: right;
    padding-right: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.edit-prod-cal svg {
    fill: #fff;
    width: 17px;
    height: 19px;
}

.del-prod-cal {
    float: right;
    padding-right: 5px;
    padding-left: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.del-prod-cal svg {
    height: 18px;
    width: 18px;
    fill: #fff;
}

.gci {
    fill: #0c7aca;
    height: 50px;
    width: 70px;
}

.download-status-btn .download-icon, .download-icon  {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    margin-top: -4px;
}

.InfoICon-icon {
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

.microsoft-powerpoint-icon {
    width: 32px;
    height: 32px;
}

.pdf-document-icon {
    width: 33px;
    height: 33px;
}

.documenttype-icon {
    width: 33px;
    height: 33px;
}

.one-drive-icon {
    width: 51px;
    height: 51px;
    fill: #1565c0;
}

.MailTo-icon {
    fill: #008cc3;
    width: 51px;
    height: 51px;
}

.pre-cal-inner-txt {
    font-family: BrownStd-Regular, BrownStd , Sans-serif;
    padding: 0px 15px 0px;
    font-size: 12px;
}

    .pre-cal-inner-txt p, .pre-interview-txt p {
        margin-bottom: 0px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.pre-interview-txt {
    border-top: 1px solid #008CC3;
    border-bottom: 1px solid #008CC3;
    padding: 5px 15px 7px;
    margin-top: 10px;
    font-size: 12px;
    margin-bottom: 0px;
    font-family: BrownStd-Regular, BrownStd , Sans-serif;
}

.pre-cal-link-txt {
    padding: 15px;
    font-size: 14px;
}

.tile-carousel-bg {
    background: #F6F7F8;
    border-bottom: #1BCEE0 1px Solid;
    width: 97%;
    margin-left: 2%;
    margin-top: 2%;
    margin-bottom: 2%;
    overflow-y: hidden;
    overflow-x: hidden;
}

.preview-cal-cols {
    padding: 0px 10px;
}

.sub, .subsub {
    display: none;
    list-style-type: none;
    background: #EDF0F2;
    background: rgb(237,240,242,1);
    border-style: Solid;
    border-color: #18CEE0;
    border-color: rgb(27,206,224,1);
    border-width: 0.34px;
    box-shadow: 1px 1px 1px rbg(0,0,0,1);
    filter: alpha(opacity=79) progid:DXImageTransform.Microsoft.Alpha(opocity:79px) progid:DXImageTransform.Microsoft.drop.shadow(OffX=1,OffY=1,Color='#000000');
}

.childregion {
    font-family: BrownStd-Light , Sans-serif;
    font-size: 11px;
    color: #666666;
}

.ui-datepicker {
    width: 12.3em;
}

    .ui-datepicker table {
        font-size: 0.5em !important;
    }

.ui-datepicker-title {
    margin: 3px 2.3em !important;
    top: 0;
    line-height: 1.8em;
    text-align: center;
    font-size: 0.6em;
}

.mainregion {
    font-family: BrownStd-Regular, Sans-serif;
    font-size: 11px;
    color: #29AAE2;
    color: rgb(41,170,226);
}

.dropdown {
    font-family: BrownStd-Regular, Sans-serif;
    font-size: 11px;
    color: #0C7ACA;
}

.top {
    border-style: Solid;
    border-color: #1BCEE0;
    border-width: 0px;
    list-style-type: none;
}

label#label-studio-address {
    max-width: 300px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    line-height: 17px;
}

label#label-studio-location {
    max-width: 300px;
    font-family: BrownStd-Light , Sans-serif;
    font-size: 15px;
    color: #333333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    line-height: 17px;
}
/*New addition*/

.report-btn {
    margin: 30px 0px 25px 34px;
    width: 274px;
    height: 47px;
    float: left;
}

.resources-btn-act .btn {
    background: #008CC3 !important;
    color: #fff !important;
    font-family: BrownStd-Regular, BrownStd , Sans-serif;
    border: 1px solid #008CC3;
}

.calender-btn-act .btn {
    background: #d1d3d3 !important;
    color: #666666 !important;
    font-family: BrownStd-Regular, Sans-serif;
    border: 1px solid transparent !important;
}

.report-btn .btn {
    text-align: center;
    vertical-align: middle;
    border-radius: 0px;
    border: 1px solid transparent;
    background: #d1d3d3;
    width: 274px;
    height: 47px;
    left: 34px;
    color: #666666;
    font-family: BrownStd-Regular,BrownStd, Sans-serif;
    font-size: 16px;
}

.calender-btn .btn {
    text-align: center;
    vertical-align: middle;
    border-radius: 0px;
    border: 1px solid #008CC3;
    background: #008CC3;
    width: 274px;
    height: 47px;
    left: 34px;
    color: #fff;
    font-family: BrownStd-Regular, Sans-serif;
    float: left;
    font-size: 16px;
}
.pre-cal-link-txt a {
    font-family: BrownStd-Regular, Sans-serif;
    font-size: 14px;
    color: #0C7ACA;
}

.radio-background label {
    font-weight: bold !important;
    color: #000000;
    font-family: BrownStd-Bold , Sans-serif;
}

.tryagain-container {
    margin-top: 210px;
}

.error-txt {
    font-family: BrownStd-Regular, Sans-serif;
    position: absolute;
    left: 32px;
    top: 100px;
    width: 1000px;
    height: 39px;
}

.error-header-txt {
    font-family: BrownStd-Regular, Sans-serif;
    font-size: 36px;
    color: #000000;
    position: absolute;
    left: 32px;
    top: 160px;
    width: 1000px;
    height: 39px;
}

.tryagain-btn .btn {
    text-align: center;
    white-space: normal;
    vertical-align: middle;
    border-radius: 0px;
    border: 1px solid #008CC3;
    background: #008CC3;
    width: 170px;
    height: 43px;
    left: 34px;
    color: #fff;
    font-family: BrownStd-Regular, Sans-serif;
    float: left;
}

.tryagain-btn {
    background: #F9FCFF;
    margin: 25px 0px 25px 34px;
    width: 155px;
    height: 53px;
    font-family: BrownStd-Regular, Sans-serif;
    float: left;
}

    .tryagain-btn .btn-primary:focus, .tryagain-btn .btn-primary.active:focus, .tryagain-btn .btn-primary:hover,
    .tryagain-btn .btn-primary:active.focus, .tryagain-btn .btn-primary:active:focus, .tryagain-btn .btn-primary:active:hover {
        color: #fff;
        border-color: none;
    }

.redirect-header-txt {
    font-family: BrownStd-Regular, Sans-serif;
    font-size: 23px;
    color: #0C7ACA;
    position: absolute;
    left: 32px;
    top: 310px;
}

.redirect-header-400-txt {
    font-family: BrownStd-Regular, Sans-serif;
    font-size: 23px;
    color: #0C7ACA;
    position: absolute;
    left: 32px;
    top: 260px;
    /*width: 2000px;*/
}

.Support_Text {
    font-family: BrownStd-Regular, Sans-serif;
    font-size: 24px;
    color: #000000;
    font-weight: 100;
    position: absolute;
    left: 32px;
    top: 360px;
    width: 785px;
    height: 33px;
}

.topalign {
    vertical-align: top;
}

.AlertBox {
    width: 100%;
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(90, 90, 90, 0.5);
    z-index: 9999;
}

    .AlertBox .container {
        top: 20%;
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }

    .AlertBox .modal-content {
        width: 600px;
    }

    .AlertBox .modal-title {
        font-size: 20px;
    }

.AlertBox .btn.btn-light{
    border: 1px solid transparent;
    border-color: #ccc;
    margin: 0px;
    line-height: 20px;
    font-size: 14px;
}
.calender-btn-act1 .btn {
    color: #fff !important;
    font-family: BrownStd-Regular,BrownStd , Sans-serif;
}


.resources-btn {
    margin: 30px 0px 25px 34px;
    width: 274px;
    height: 47px;
    float: left;
}

    .resources-btn .btn {
        text-align: center;
        vertical-align: middle;
        border-radius: 0px;
        border: 1px solid transparent;
        background: #d1d3d3;
        width: 274px;
        height: 47px;
        left: 34px;
        color: #666666;
        font-family: BrownStd-Regular,BrownStd, Sans-serif;
        font-size: 16px;
    }

.preview-resource-txt {
    font-family: BrownStd-Regular, Sans-serif;
    font-size: 18px;
    letter-spacing: 1.35px;
    color: #0C7ACA;
    padding: 25px 34px 10px 34px;
    text-transform: uppercase;
}

    .preview-resource-txt span {
        color: #E03300;
        padding-left: 10px;
        font-family: BrownStd-Regular, Sans-serif;
        font-size: 18px;
        letter-spacing: 1.35px;
    }

        .preview-resource-txt span.blk-txt {
            color: #333;
        }

.resource-header-strip {
    background: #D0ECF2;
    height: 50px;
    font-family: BrownStd-Regular, BrownStd , Sans-serif;
    letter-spacing: 0.07px;
    color: #000000;
    padding: 15px;
}

.rec-head {
    padding-left: 35px;
    padding-right: 35px;
    margin-top: 15px;
}

.res-label-txt {
    font-size: 13px;
    font-family: BrownStd-Regular, Sans-serif;
    color: #000000;
}

.res-download-btn {
    font-family: BrownStd-Light , Sans-serif;
    font-size: 16px;
    Color: #0C7ACA;
    margin-left: calc(100vw - 320px);
    display: none;
}

.rec-subsection {
    padding-left: 35px;
    width: 1283px;
}

.rec_Includes_Item {
    font-family: BrownStd-Regular, Sans-serif;
    font-size: 18px;
    Color: #E03300;
    margin-top: 27px;
}

.rec-row {
    margin-left: -5px;
    margin-right: -5px;
}

.rec-column {
    float: left;
    width: 50%;
    padding: 0 41px 0px 41px;
}

.rec-column1 {
    float: left;
    width: 100%;
    padding: 5px;
}
.rec_Includes_Item ul {
    margin-bottom: 7px;
    padding-left: 24px;
}
/* Clearfix (clear floats) */
.rec-row::after {
    content: "";
    clear: both;
    display: table;
}

.rec-column table {
    width: 95%;
}

.rec-column th, td, .rec-column div {
    text-align: left;
    padding: 16px;
    font-family: BrownStd-Light , Sans-serif;
    font-size: 16px;
    color: #0C7ACA;
    padding-left: 8px;
}

.rec-column tr:nth-child(even) {
    background-color: #F3F7FB;
}
.rec-column div:nth-child(even) {
    background-color: #F3F7FB;
}
.rec-column .resource-cell  {
    padding: 12.5px 10px
}
.resource-cell .documenttype-icon, .report-cell-row  .documenttype-icon {
    max-width:20px;
    max-height:21px;
    margin-left: 20px;
}
.rec-column th:hover, td:hover {
    text-decoration: underline;
}

.rec-column1 table {
    width: 100%;
}

.rec-column1 th, td {
    text-align: left;
    padding: 16px;
    font-family: BrownStd-Light , Sans-serif;
    font-size: 16px;
    color: #0C7ACA;
    padding-left: 8px;
}

.rec-column1 tr:nth-child(even) {
    background-color: #F3F7FB;
}
.rec-column1 .report-cell-row:nth-child(even) {
    background-color: #F3F7FB;
}
.rec-column1 .report-cell-row {
    padding: 12.5px 10px;
}
.rec-column .email-template:hover {
    text-decoration: underline;
}
.rec-column1 th:hover, td:hover {
    text-decoration: underline;
}

.glyph-margin1 {
    width: 51px;
    height: 51px;
}

.onedrive-sec {
    height: 178px;
    background: linear-gradient(270deg, rgba(221, 226, 230, 1) 0%, rgba(246, 246, 246, 1) 51%, rgba(221, 226, 230, 1) 100%);
    margin-left: 39px;
    padding-left: 50px;
    margin-bottom: 80px;
    margin-top: 37px;
    padding-top: 27px;
    margin-right: 37px;
}

    .onedrive-sec p {
        font-size: 20px;
        font-family: BrownStd-Light , Sans-serif;
    }

#oned {
    font-family: BrownStd-Bold, Sans-serif;
    color: #0C7ACA;
    font-size: 20px;
}
/*LMD-3167 Unauthorized Page*/
#Unauthorized .header-navbar {
    position: relative;
}

#Unauthorized .error-text {
    font-family: BrownStd-Light , Sans-serif;
    font-size: 14px;
    color: #333;
}

#Unauthorized .error-desc-txt {
    font-family: brownstd-regular , Sans-serif;
    font-size: 19px;
    color: #000;
}

#Unauthorized .error-msg-txt {
    font-family: brownstd-regular , Sans-serif;
    font-size: 15px;
    color: #333;
}


.production-header-strip {
    background: #D0ECF2;
    left: 36px;
    top: 287px;
    width: 100%;
    height: 50px;
    font-size: 14px;
    font-family: BrownStd-Regular, BrownStd, Sans-serif;
    letter-spacing: 0.07px;
    color: #000000;
    padding-top: 11px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 35px;
}

.prod-label-txt {
    padding-right: 25px;
    font-size: 18px;
    font-weight: bold;
}

.prod-date-label {
    padding-left: 20px;
    padding-right: 10px;
    font-family: BrownStd-Regular, BrownStd, Sans-serif;
    font-size: 18px;
    color: #000000;
}

input.prod-date-picker {
    text-align: left;
    font-family: BrownStd-Regular, BrownStd, Sans-serif;
    font-size: 17px;
    color: #000000;
    cursor: pointer;
    padding-left: 5px;
    height: 30px;
outline:none;
}

.Chevron_InterviewSchedules_From_prod {
    background-image: url(/img/DropDown_Chevron.svg);
    background-repeat: no-repeat;
    position: absolute;
    left: 480px;
    top: 281px;
    width: 20px;
    height: 11px;
    cursor:pointer;
}

.Chevron_InterviewSchedules_To_prod {
    background-image: url(/img/DropDown_Chevron.svg);
    background-repeat: no-repeat;
    position: absolute;
    left: 745px;
    top: 281px;
    width: 20px;
    height: 11px;
    cursor:pointer;
}
.Chevron_InterviewSchedules_From_prod1 {
    background-image: url(/img/DropDown_Chevron.svg);
    background-repeat: no-repeat;
    position: absolute;
    left: 480px;
    top: 278px;
    width: 20px;
    height: 11px;
    cursor:pointer;
}

.Chevron_InterviewSchedules_To_prod1 {
    background-image: url(/img/DropDown_Chevron.svg);
    background-repeat: no-repeat;
    position: absolute;
    left: 745px;
    top: 278px;
    width: 20px;
    height: 11px;
    cursor:pointer;
}
.prodCalender .ui-state-highlight {
    background-image: url(/img/svgimage.svg) !important;
    background-color: #cccccc !important;
    background: no-repeat;
}
.ui-datepicker table {
    border-bottom: 1px solid #0C7ACA !important;
}
.date-intervel-block #ui-datepicker-div.ui-datepicker {
    position: absolute !important;
}
.date-intervel-block .ui-datepicker {
    width: 11em;
}
.date-intervel-block .ui-datepicker th{
   font-size:9px;
}
.date-intervel-block .ui-datepicker-title{
	font-size:11px;
line-height:19px;
}

.date-intervel-block .ui-datepicker table{
border-bottom:none !important;
}
.date-intervel-block .ui-datepicker .ui-datepicker-prev,.date-intervel-block .ui-datepicker .ui-datepicker-next{
height:1.5em !important;
}
.date-intervel-block #prodLegend{

display:none !important;

}
.date-intervel-block #prodLegendText{

display:none !important;

}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    cursor: pointer;
}
.production-location input[type=radio] {
    cursor: pointer;
    position:relative;
    top:-2px;    
    opacity:1;
    z-index: 1;
}

.production-location .custom-control-label::before, .production-location .custom-control-label::after{
    display: none;
}

#modalLocation .close {
    font-size: 35px;
    margin-top: -4px;
    opacity: 0.2;
}

#modalLocation .close:hover {
    opacity: 0.5;
}

.location-content .text-box {
    font-size: 14px;
    font-family: BrownStd-Regular;
}

.modal-deletecontent {
    width: 444px;
    min-height: 192px;
    background: #fff;
    border: 0.3px solid #CCC;
    font-family: BrownStd-Regular, Sans-serif;
}

#delete-modal .delete-heading {
    padding: 10px 23px;
    color: #FFF;
    font-size: 20px;
    background: #008CC3;    
}

#delete-modal .modal-body { 
    padding: 0px;
}

#delete-modal .text-center {
    background: linear-gradient(180deg, rgba(243, 243, 243, 0) 25.52%, #F0EEEE 100%);
}

#delete-modal .delete-text {
    font-size: 18px;
    padding: 20px;
}

#delete-modal .heading-line {
    border-top: 0.5px solid #BBBBBB;
    margin: 0px 40px
}

#delete-modal .delete-btn{
    padding: 20px;
}

#delete-modal .delete-btn .btn {
    width: 83px;
    height: 33px;
    font-size: 18px;
    color: #fff;
    line-height: 22px;
}

#delete-modal #delete-btn-yes {
    background: #008CC3; 
    margin-right: 10px;
}

#delete-modal #delete-btn-no {
    background: #999999;
}

.delete-studio.disabled {
    pointer-events: none;
    cursor: default;
    opacity: .4;
}

.warning-message {    
    position: absolute;   
    bottom: 67px;
    margin-left: 5px;
}

.warning-message span{
    font-family: 'BrownStd-Regular';
    font-size: 11px;
    background: #FADBDD;
    color: #dc3545; 
}

.preview-plusicon .plus-icon {
    height: 20px;
    width: 20px;
    margin-right: 6px;
    margin-left: 10px;
}

.BlueChevron-icon {
    fill: #177fcb;
    height: 6px;
    width: 10px;
    margin-left: 4px;
}

.grey-chev {
    height: 6px;
    width: 10px;
    margin-left: -18px;
    margin-top: 47px;
    position: absolute;
    cursor: pointer;
}

.del-icon-disabled {
    height: 20px;
    width: 15px;
    opacity: 0.5;
}

.del-icon {
    height: 14px;
    width: 15px;
}

.edit-icon {
    height: 20px;
    width: 15px;
}
v=638950967725094694