@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');

/*---------------------------------------------------------------------- */
/* Widget Styles*/
/*---------------------------------------------------------------------- */

.Widget {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    
    font-weight:400;
}


.Widget a:hover,
.Widget a:focus {
    color: #5F0000;
    transition-duration: 0.4s;
    cursor: pointer;
}

.WidgetBorder {
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #106464 !important;
    font-weight: 300 !important;
}

.Widget .Message {
    background-color: #ffffcc;
    border-style: solid;
    border-width: 1px;
    border-color: #106464;
    margin-top: 15px;
    padding: 8px;
    text-align: justify;
    box-shadow: 10px 10px 5px #888888;
}

.WidgetContentContainer {
    padding-top: 8px;
}

.WidgetTextRegular {
    font-size: 14px;
}

.WidgetTextWhite {
    color: white !important;
}

.WidgetTextYellow {
    color: yellow;
}

.WidgetTextLightBrown {
    color: #b35900;
}

.WidgetTitleContainer {
    border-bottom-style: solid;
    border-bottom-color: #b8b894;
    border-bottom-width: 1px;
    overflow: hidden;
    display: table;
    height: 100%;
    width: 100%;
    padding-bottom: 8px;
     
}

.WidgetTitleContainer .TitleLeft {
    font-size: 20px;
    color: #5F0000;
    font-weight: 600;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.WidgetTitleContainer .TitleLeftSmall {
    font-size: 14px;
     
}

.WidgetTitleContainer .TitleRight {
    font-size: 15px;
    font-weight: 400;
    color: #cccccc;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

.WidgetTitleContainer .TitleRight2 {
    font-size: 13px;
    font-weight: 600;
    color:#5F0000;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

 

.WidgetSubTitleContainer {
    overflow: hidden;
    display: table;
    height: 100%;
    width: 100%;
}

.WidgetSubTitleContainer .SubTitleRight {
    font-size: 12px;
    font-weight: 400;
    color: #cccccc;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

/*---------------------------------------------------------------------- */
/* Panel Styles*/
/*---------------------------------------------------------------------- */

.custom-panel {
    box-shadow: 10px 10px 5px #484646;
    position: relative;
    overflow: hidden;
    border-color: transparent !important;
    border: transparent !important;
}
.custom-panel-primary> .panel-heading-custom-background1 {
    background: #004d4d;
    border-color: transparent !important;
}
.custom-panel-primary> .panel-body-custom-background1 {
    background: #ccffff;
    border-color: transparent !important;
}
.custom-panel-primary> .panel-heading-custom-background3 {
    background: red !important;
    border-color: transparent !important;
}
.custom-custom-panel-primary> .panel-body-custom-background3 {
    background: red !important;
    border-color: transparent !important;
}
.custom-panel-primary> .panel-heading-custom-background2 {
    background: #919100;
    border-color: transparent !important;
}
.custom-panel-primary> .panel-body-custom-background2 {
    background: #ffff99;
    border-color: transparent !important;
}
.custom-panel-primary> .panel-heading-custom-background4 {
    background: #b32d00;
    border-color: transparent !important;
}
.custom-panel-primary> .panel-body-custom-background4 {
    background: #ffc6b3;
    border-color: transparent !important;
}

.custom-panel-primary> .panel-heading-custom-background5 {
    background: #ebd8c6;
    border-color: transparent !important;
}
.custom-panel-primary> .panel-body-custom-background5 {
    background: #ebd8c6;
    border-color: transparent !important;
}
.custom-panel:hover,
.custom-panel:focus {
    box-shadow: 20px 20px 15px #484646;
}

/*---------------------------------------------------------------------- */
/* Mis Styles */
/*---------------------------------------------------------------------- */

body {
    padding-top: 0px;
}

.BodyFont {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    
}

 .row {
    margin-left: 0px;
    margin-right: 0px;
    overflow: hidden;
}
[class*="col-"] {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

 


.HyperlinkWithNoStyle {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    text-decoration: none !important;
}

.HyperlinkInheritParent {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    text-decoration: none !important;
}

.PageBackground {
    background-color: white;
}

.SiteBackground {
    background-color: white;
}

.AboutBYMBackground {
    
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #b3fff0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #b3fff0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #b3fff0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,white, #ffcce0); /* Standard syntax (must be last) */
}

.ChairmansMessageBackground {
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #ffff88); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #ffff88); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #ffff88); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,white, #ffff88); /* Standard syntax (must be last) */ 
}

.QuickUpdateBackground {
    
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #ffffe6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #ffffe6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #ffffe6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,white, #ffffe6); /* Standard syntax (must be last) */
}

.GetInvolvedBackground {
    background-color: #007d7d;
}

.GetInvolvedTitle {
    font-weight: 600;
    font-size: 16px;
    font-variant: small-caps;
}

.BookTitle {
    color: #5F0000
}

.BookAuthor {
    color: #7a7a7a;
}

.BookDescription {
    color: black;
    text-align: justify;
}

.ArticleTitle {
    color: #5F0000;
}

.ArticleAuthor {
    color: #7a7a7a;
}

.BookletTitle {
    color: #5F0000
}

.BookletAuthor {
    color: #7a7a7a;
}

.AudioVideoTitle {
    color: #5F0000
}

.AudioVideoAuthor {
    color: #7a7a7a;
}

.EventTitle {
    color: #5F0000
}

.EventTitle2 {
    font-weight: 600;
    font-size: 14px;
}

.EventDay {
    color: #527a7a;
}

.MagazineLanguageTitle {
    font-weight: 600;
    font-size: 14px;
}


 

.floating-button {
    position: fixed;
    bottom: 2em;
    left: 0em;
    right: 0px;
    text-decoration: none;
    color: #000000;
    background-color: rgba(255, 242, 230,0.80);
    padding: 1px;
    display: inline-block;
    border-style: solid;
    border-width: 1px;
    border-color:#cccccc;
    width: 120px;
    border-radius: 5px;
    
}

.play-pause-button{
    border-radius: 5px;
}

.floating-button:hover {
    position: fixed;
    bottom: 2em;
    left: 0em;
    text-decoration: none;
    color: #000000;
    background-color: rgba(168, 115, 62,1);
    padding: 1px;
    display: inline-block;
    transition-duration: 0.5s;
    border-color: rgb(102, 51, 0);
    border-radius: 5px;
    font-weight: bold;
    color:white;
}

.back-to-top {
position: fixed;
    bottom: 9px;
    right: 80px;
    text-decoration: none;
    color: #000000;
    background-color: rgba(235, 235, 235, 0.80);
    font-size: 12px;
    padding: 10px;
    display: none;
    border-radius: 50%;
}

.back-to-top:hover,
.back-to-top:focus
{
    background-color: #ff6550;
    color: white;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 75%;
}

.FooterBackground {
    background-color: #104e4e;
}

.videoTest> video {
    display: inline;
    border: 1px solid black;
    margin: 0;
    padding: 0;
}

video {
    width: 100%;
    height: auto;
    padding-bottom: 25%;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    width: 100%;
    height: auto;
}

.ContentColorRed {
    color: #cc0000;
}

.ContentColorMaroon {
    color: maroon;
}

 
.custom-list>ul {
    list-style: disc outside none;
}

.custom-list>ul>li{
  margin: 10px 0;
}
 
 
  
.panel-overlay {
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(255, 255, 179, 0.60);
    width: 100%;
    height: 100%;
    padding: 2%;
    display: none;
    text-align: left;
    z-index: 2;
}

.panel-overlay-button {
    background-color: #b30000 !important;
    border-color: transparent !important;
}

.content-box-blue{
    border-style: solid;
    border-radius: 0px;
    -webkit-box-shadow: 0 7px 4px #777;
    -moz-box-shadow: 0 7px 4px #777;
    box-shadow: 0 7px 4px #777;
    border-width: 1px;
    background-color: #003366;
    padding: 5px
}

.content-box-brown{
    border-radius: 0px;
    -webkit-box-shadow: 0 7px 4px #777;
    -moz-box-shadow: 0 7px 4px #777;
    box-shadow: 0 7px 4px #777;
    border-width: 1px;
    background-color: #4d2600;
    padding: 5px
}

.copyright-text{
    font-size: 10px;
    color: #eaeaea
}

.text-micro{
    font-size: 10px;
}
 
/*---------------------------------------------------------------------- */
/* Articles Content Related */
/*---------------------------------------------------------------------- */

.ContentContainer {
    background-color:   white;
    border-style:  none;
    border-width: 1px;
    box-shadow: 10px 10px 5px #484646;
    padding:8px;
    border-radius: 8px;
    
}

.ArticleAuthor2 {
    font-style: italic;
    text-decoration: underline;
    font-size: 12px;
    font-weight: 400;
    color: black;
}

.MaroonTextBold{
    color: #5F0000;
    font-weight: bold;
}
 
.text-subtitle-regular {
    font-size: 16px;
    color: #5F0000;
    font-weight: 600;
}

.ContentSubTitleRegular-color1 {
    font-size: 16px;
    color: #133926;
    font-weight: 600;
}

.ContentSubTitleRegularItalic {
    font-size: 16px;
    color: #5F0000;
    font-weight: 600;
    font-style: italic;
}

.ContentSubTitleBlack {
    font-size: 16px;
    color: black;
    font-weight: 600;
}

.ContentSubTitleSmall {
    font-size: 14px;
    color: #5F0000;
    font-weight: 600;
}

.ContentTextBig {
    font-size: 14px;
    font-weight: 600;
}

ContentTextRegular {
    font-weight: 700;
    font-size: 14px;
}

.HighlightedListContainer {
    padding: 6px;
    background-color: #fafafa;
    
    border-left: 6px solid #7f7f84;
    border-right: 6px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
    overflow: hidden;
     
}

.HighlightedList1 {
    border-color: #804000;
    
    
}

.HighlightedList1>strong {
    color: #804000;
}

.HighlightedList1-Light {
    border-color: #ffd9b3;
    
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(red, #ffe5cc); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(red, #ffe5cc); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(red, #ffe5cc); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right,white, #ffe5cc); /* Standard syntax (must be last) */
}

.HighlightedList1-Light>strong {
    color: #ffd9b3;
}

.HighlightedList2 {
    border-color: #00264d;
    
    
}

.HighlightedList2>strong {
    color: #00264d;
}

.HighlightedList2-Light {
    border-color: #b3d9ff;
    
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #e6f2ff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #e6f2ff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #e6f2ff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right,white, #e6f2ff); /* Standard syntax (must be last) */
}

.HighlightedList2-Light>strong {
    color: #b3d9ff;
}

.HighlightedList3 {
    border-color: #004d4d;
}

.HighlightedList3>strong {
    color: #004d4d;
}

.HighlightedList3-Light {
    border-color: #b3ffff;
    
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #e6ffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #e6ffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #e6ffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right,white, #e6ffff); /* Standard syntax (must be last) */
}

.HighlightedList3-Light>strong {
    color: #b3ffff;
}

.HighlightedList4 {
    border-color: #800040;
}

.HighlightedList4>strong {
    color: #800040;
}

.HighlightedList4-Light {
    border-color: #ffcce6;
    
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #ffe6f3); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #ffe6f3); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #ffe6f3); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right,white, #ffe6f3); /* Standard syntax (must be last) */
}

.HighlightedList4-Light>strong {
    color: #ffcce6;
}


.HighlightedList5 {
    border-color: #808000;
}

.HighlightedList5>strong {
    color: #808000;
}

.HighlightedList5-Light {
    border-color: #ffffb3;
    
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #ffffcc); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #ffffcc); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #ffffcc); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right,white, #ffffcc); /* Standard syntax (must be last) */
}

.HighlightedList5-Light>strong {
    color: #ffffb3;
}

.HighlightedList6 {
    border-color: #004d00;
}

.HighlightedList6>strong {
    color: #004d00;
}

.HighlightedList6-Light {
    border-color: grey;
}

.HighlightedList6-Light>strong {
    color: grey;
}

.HighlightedList7 {
    border-color: #b30047;
}

.HighlightedList7>strong {
    color: #b30047;
}

.Bold {
    font-weight: 600;
}

.custom-button2 {
    background-color: #26734d !important;
    color: white !important;
    text-align: left;
}

.custom-button2:hover,
.custom-button2:focus,
.custom-button2:hover,
.custom-button2:focus {
    background-color: #b30000 !important;
    color: white !important;
}
  
.HighlightedText2 {
    font-style: italic;
    color: white;
}

.HighlightedText3 {
    font-style: italic;
    font-weight: bold;
    color: white;
    font-variant: small-caps;
    font-size: 16px;
}

.flash-news-border{
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
             box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;  
}

.widget-border1{
    
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #ffff99); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #ffff99); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #ffff99); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,white, #ffff99); /* Standard syntax (must be last) */
}

.widget-border2{
    
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #b3fff0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #b3fff0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #b3fff0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,white, #b3fff0); /* Standard syntax (must be last) */
}

.widget-border3{
    
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #ffd2d2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #ffd2d2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #ffd2d2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,white, #ffd2d2); /* Standard syntax (must be last) */
}

.widget-border4{
    
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #ccccff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #ccccff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #ccccff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,white, #ccccff); /* Standard syntax (must be last) */
}

.widget-border5{
    
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #daffb3); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #daffb3); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #daffb3); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,white, #daffb3); /* Standard syntax (must be last) */
}

.widget-border6{
    
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #b3d1ff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #b3d1ff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #b3d1ff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,white, #b3d1ff); /* Standard syntax (must be last) */
}

.widget-border7{
    
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #e0ebeb); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #e0ebeb); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #e0ebeb); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,white, #e0ebeb); /* Standard syntax (must be last) */
}







.ContentContainer-effect8
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.ContentContainer-effect8:before, .effect8:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.ContentContainer-effect8:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}  


.ContentContainer-effect7
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.2), 0 0 6px rgba(0, 0, 0, 0.1) inset;
}

.ContentContainer-effect7:before, .effect8:after
{
    content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    
} 
.ContentContainer-effect7:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}

 
/**THE SAME CSS IS USED IN ALL 3 DEMOS**/    
/**gallery margins**/  
gallery{    
margin-left: 3vw;     
margin-right:3vw;  
}    

.zoom {      
-webkit-transition: all 0.35s ease-in-out;    
-moz-transition: all 0.35s ease-in-out;    
transition: all 0.35s ease-in-out;     
cursor: -webkit-zoom-in;      
cursor: -moz-zoom-in;      
cursor: zoom-in;  
}     

.zoom:hover,  
.zoom:active,   
.zoom:focus {
/**adjust scale to desired size, 
add browser prefixes**/
-ms-transform: scale(1.4);    
-moz-transform: scale(1.4);  
-webkit-transform: scale(1.4);  
-o-transform: scale(1.4);  
transform: scale(1.4);    
position:relative;      
z-index:100;  
}

/**To keep upscaled images visible on mobile, 
increase left & right margins a bit**/  
@media only screen and (max-width: 768px) {   
.gallery {      
margin-left: 15vw;       
margin-right: 15vw;
}

/**TIP: Easy escape for touch screens,
give gallery's parent container a cursor: pointer.**/
.DivName {cursor: pointer}
}

.effect
{
     position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.effect:before, .effect:after
{
    content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect:after
{
    right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
    -moz-transform:skew(8deg) rotate(3deg);     
    -ms-transform:skew(8deg) rotate(3deg);     
    -o-transform:skew(8deg) rotate(3deg); 
    transform:skew(8deg) rotate(3deg);
}

.effect2
{
     position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(255, 255, 0, 0.8), 0 0 40px rgba(255, 255, 0, 0.5) inset;
    -moz-box-shadow:0 1px 4px rgba(255, 255, 0, 0.8), 0 0 40px rgba(255, 255, 0, 0.5) inset;
    box-shadow:0 1px 4px rgba(255, 255, 0, 0.8), 0 0 40px rgba(255, 255, 0, 0.5) inset;
}

.effect2:before, .effect2:after
{
    content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(255, 255, 0,0.4);
    -moz-box-shadow:0 0 20px rgba(255, 255, 0,0.4);
    box-shadow:0 0 20px rgba(255, 255, 0,0.4);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect2:after
{
    right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
    -moz-transform:skew(8deg) rotate(3deg);     
    -ms-transform:skew(8deg) rotate(3deg);     
    -o-transform:skew(8deg) rotate(3deg); 
    transform:skew(8deg) rotate(3deg);
}

.icon-addon {
    position: relative;
    color: #555;
    display: block;
}

.icon-addon:after,
.icon-addon:before {
    display: table;
    content: " ";
}

.icon-addon.addon-md .glyphicon,
.icon-addon .glyphicon, 
.icon-addon.addon-md .fa,
.icon-addon .fa {
    position: absolute;
    z-index: 2;
    left: 10px;
    font-size: 14px;
    width: 20px;
    margin-left: -2.5px;
    text-align: center;
    padding: 10px 0;
    top: 1px
}

.icon-addon.addon-md .form-control,
.icon-addon .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal;
}

/*---------------------------------------------------------------------- */
/* Border styles */
/*---------------------------------------------------------------------- */
.border-title-1{
    padding-bottom: 1px;
    background-color:#f2f2f2;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #b3b3b3;
    border-bottom-color: #b3b3b3;
    border-top-width: 1px;
    border-bottom-width: 1px
}

.border-content-1{
    padding-bottom: 6px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color:#d9d9d9
}

/*---------------------------------------------------------------------- */
/* Text Style */
/*---------------------------------------------------------------------- */

.text-bold{
    font-weight: 600;
    
}

.text-16{
    font-size: 16px;
}

.text-15{
    font-size: 15px;
}

 

.text-14{
   font-size: 14px; 
}

.text-9{
   font-size: 9px; 
}

.text-10{
   font-size: 10px; 
}

.text-11{
   font-size: 11px; 
}

.text-13{
   font-size: 13px; 
}

.text-maroon{
    color: #5F0000;
}

.text-teal{
    color: #008080;
}


 

.text-alert{
    color:#b30000;
}

.text-blue{
    color: #000099;
}

.text-yellow{
    color: yellow;
}

.text-black{
    color: black;
}

.text-subtitle-regular-16 {
    font-size: 16px;
    color: #5F0000;
    font-weight: 600;
}

.text-subtitle-regular-14 {
    font-size: 14px;
    color: #5F0000;
    font-weight: 600;
}

.button-background-color{
    
}

.blink_text {
  animation: blinker 1s linear infinite;
}


/*---------------------------------------------------------------------- */
/* Button Style */
/*---------------------------------------------------------------------- */

.custom-button-regular {
    background-color: #ffe9bb !important;
    color: black !important;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0,0,0,0.19);
    border-radius: 5px !important;
     
}

.custom-button-regular:hover {
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.custom-button-menu {
    background-color: #f2f2f2 !important;
    color: #5F0000 !important;
    border-style: solid;
    border-width: 1px;
    border-color: #b3b3b3;
    border-radius: 4px;
    font-weight: 600;
     
}

.custom-button-round {
    background-color: #e5cdb3 !important;
    color: black !important;
    border-radius: 20px;
     border-style: solid;
    border-width: 1px;
    border-color: #855b2e;
}

.custom-button-regular:hover,
.custom-button-regular:focus,
.custom-button-round:hover,
.custom-button-round:focus {
    background-color: #b30000 !important;
    color: white !important;
    transition-duration: 0.4s;
}

/*---------------------------------------------------------------------- */
/* Button Style */
/*---------------------------------------------------------------------- */

.dropdown> .custom-dropdown-menu-1 {
	background-color: white !important;
	border-color: #d2d2d2 !important;
	border-bottom-style: groove !important;
	border-left-style: groove !important;
	border-right-style: groove !important;
	border-top-style: groove !important; 
        height: auto !important;
        border-radius: 4px !important;
        box-shadow: 10px 10px 5px #888888;
         
        
    
     
}

.dropdown> .custom-dropdown-menu-1 > li > a {
	color:black !important;
}


.dropdown> .custom-dropdown-menu-1 > li > a:hover, .dropdown> .custom-dropdown-menu-1 > li > a:focus {
	color: white !important;
	text-decoration: none !important;
	background-color: #b30000 !important;
}
 


.menu-item-divider{
    background-color: grey !important;
}

  
.show-text{
     transition-duration: 0.2s;
     color: #000099;
     font-weight: 600;
     background-color: #ffff99;
     border-style: solid;
     border-width: 1px;
     border-color: #cfcfcf;
     padding:2px;
     font-size: 10px;
}


.blink {
	-webkit-animation: blink .75s linear infinite;
	-moz-animation: blink .75s linear infinite;
	-ms-animation: blink .75s linear infinite;
	-o-animation: blink .75s linear infinite;
	 animation: blink .75s linear infinite;
}
@-webkit-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}

.hide-display{
    display: none;
     
}

.fa-times-thin:before {
	content: '\00d7';
         font-weight: bold;
         
}

.fa-angle-down-thin:before{
    content: '\00BB';
}

.hyper-link{
     
    color: #337ab7;
}

.hyper-link:hover,
.hyper-link:focus
{
    color: #5F0000;
    cursor: pointer;
     
}

.quick-update-text{
    
    font-size: 15px; 
     
}

 nav.navbar-inverse>li>a {
 padding-top: 75px;
  
}

.custom-button3 {
    background-color: #ffe9bb !important;
    color: black !important;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0,0,0,0.19);
    border-radius: 5px !important;
	text-align:left;
}

.custom-button3:hover,
.custom-button3:focus,
.custom-button3:hover,
.custom-button3:focus {
    background-color: #b30000 !important;
    color: white !important;
}


.text-red{
    color: red;
}

.text-green{
    color: green;
}

.ContentContainer-effect11
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.border-title-2{
    padding-bottom: 1px;
    background-color:#ffffe6;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #b3b3b3;
    border-bottom-color: #b3b3b3;
    border-top-width: 1px;
    border-bottom-width: 1px
}