.CompanyPanelTitle {
    font-size: 24px;
}

.clickable {
    cursor: pointer;
}

.rightArrow {
    margin-right: -30px;
}

.container {
   width: 500px;
   height: 360px;
   position: relative;
   -webkit-perspective: 800px;
   -moz-perspective: 800px;
   -o-perspective: 800px;
   perspective: 800px;
 }
 #card {
   width: 100%;
   height: 100%;
   position: absolute;
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   -o-transform-style: preserve-3d;
   transform-style: preserve-3d;
 }
 #card .flipper {
   height: 100%;
   width: 100%;
   position: absolute;
   -webkit-transition: -webkit-transform 1s, opacity 1s;
   -moz-transition: -moz-transform 1s, opacity 1s;
   -o-transition: -o-transform 1s, opacity 1s;
   transition: transform 1s, opacity 1s;
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -o-backface-visibility: hidden;
   backface-visibility: hidden;
   background: #f8f8f8;
   opacity: 0;
   border: 1px solid black;
 }
 #card .flipper:nth-child(2n) {
   background: white;
 }
 #card .flipper.flipped {
   -webkit-transform: rotateX(0deg);
   -moz-transform: rotateX(0deg);
   -o-transform: rotateX(0deg);
   transform: rotateX(0deg);
   z-index: 1;
   opacity:1;
 }
 #card .flipper.before {
   -webkit-transform: rotateX(180deg);
   -moz-transform: rotateX(180deg);
   -o-transform: rotateX(180deg);
   transform: rotateX(180deg);
 }
 #card .flipper.after {
   -webkit-transform: rotateX(-180deg);
   -moz-transform: rotateX(-180deg);
   -o-transform: rotateX(-180deg);
   transform: rotateX(-180deg);
 }

 /*fixes issue with div overlapping flipper*/
.manageSchedulesDivMargin {
    margin-left: 20px;
}

/*add margin between tab content and the tabs*/
.tab-content {
    margin-top: 10px;
}

.highlightAlert {
    color: #FA6464;
}

/*styles for wysiwyg label*/
.htmlDisplayLbl {
    height: 350px !important;
    overflow:auto;
    border: 1px solid #ccc;
    padding: 6px 12px;
    background-color: #eee;
    border-radius: 4px;
}

/*lower the margin bottom so dropdowns align with other textbox controls*/
.ddl {
    height: 54px;
}

.element-error {
   /* border: 1px solid #a94442 !important;*/
    border-radius: 4px !important;    
        box-shadow: inset 0px 0px 0px 1px #a94442;
        box-sizing: border-box; 
        
}