/*!
 *  MsgPop 1.0 by Anthony J. Laurene - 10/1/2014
 *  License - (JS: MIT License, CSS: MIT License)
 */

#msgPopContainer {
  position:fixed;
  z-index:9999;
  width:100%;
  -webkit-transition:all .3s ease-in-out;
  -moz-transition:all .3s ease-in-out;
  -o-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out;
  box-sizing:initial !important;
}
#msgPopContainer .fa{font-size:1.5em !important;}

.msgPopContainerOverflow
{
  overflow:auto;
  overflow-x:hidden;
  max-height:100%;
}

#msgPopCloseAllBtn{
  background-color:#000;
  color:#fff;
  border:1px solid #000;
  border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;
  padding:6px;
  position:relative;
  float:right;
  cursor:pointer; 
  display:none;
  box-shadow:0 0 5px rgba(0,0,0,.5);
}

#msgPopCloseAllBtn:active{
    color:#000;
    background:#fff;
}

.msgPopLoadMore{
  background-color: rgba(2,2,2,.9) !important;
  background:#222; /*IE8 support*/
    color: #fff;
    cursor: pointer;
    text-align: center;
}

.msgPopLoadMore:active{
    background-color:#000;
}

.msgPopLoadMore span{
  display:block;
  width:100%;
  padding:10px;
}

.msgPopSuccess, .msgPopWarning, .msgPopError, .msgPopMessage, .msgPopLoadMore{
  display:none;
  cursor: default;
  box-shadow:0 0 5px rgba(0,0,0,.5);
}

/*.msgPopSuccess:active{
  background: rgba(0,122,0,.95) !important;
  background: #007A00; 
  color:#eee;
}

.msgPopSuccess{
  background: rgba(0,142,0,.95) !important;
  background: #008E00;
    color:#fff;
  border-color:#004C00;
}*/

.msgPopWarning:active{
  background: rgba(255,218,96,.95) !important;
  background: #FFDA60; /*IE8 support*/
  color:#111;
}

.msgPopWarning{
  background: rgba(255,202,43,.95) !important; 
  background: #FFCA2B; /*IE8 support*/
  color:#111;
  border-color:#916D00;
}

.msgPopError:active{
  background: rgba(158,0,0,.95) !important;
  background: #9E0000; /*IE8 support*/
  color:#eee;
  border-color:#7F0000;
}

.msgPopError{
    background: rgba(186,0,0,.95) !important; 
  background: #BA0000; /*IE8 support*/
  color:#fff;
  border-color:#7F0000;
}

.msgPopMessage:active{
  background: rgba(10,80,150,.95) !important;
  background: #0A5096; /*IE8 support*/
  color:#eee;
  border-color:#05284C;
}

.msgPopMessage{
  background:rgba(12,95,178,.95) !important;
   background: #0C5FB2; /*IE8 support*/
  color:#fff;
  border-color:#05284C;
}

#msgPopIconCell{width:1%;}

.msgPopCloseCell{
  text-align:right;
  font-size:.8em;
}

.msgPopCloseCell a{
  position:relative;
  color:#fff;
  top:-6px;
  right:-6px;
  cursor:pointer;
  font-size:10px !important;
}

.msgPopContainerSmall .outerMsgPopTbl{
  border:1px solid rgba(255,255,255,.2) !important;
  border-top:1px solid rgba(255,255,255,.5) !important;
}

.outerMsgPopTbl{
  border:0;
  border-radius:4px;
}

.innerMsgPopTbl{
  border-radius:4px;
  padding:10px;
}

.msgPopTable{
  display:table;
  width:100%;
}

.msgPopTable-cell{
  display:table-cell;
  vertical-align:middle;
  padding-right:8px;
}

.msgPop-align-right{text-align:right;}

.msgPopContainerSmall{right:10px !important;}

.msgPopContainerSmall .msgPopSuccess, 
.msgPopContainerSmall .msgPopWarning, 
.msgPopContainerSmall .msgPopError, 
.msgPopContainerSmall .msgPopMessage,
.msgPopContainerSmall .msgPopLoadMore{
    box-shadow: 3px 3px 5px rgba(0,0,0,.3) !important;
  margin:5px !important;
  border-radius:5px !important;
}

.msgPopContainerSmall .msgPopLoadMore{
  margin:0 5px;
  border-radius:4px;
}

.msgPopContainerSmall #msgPopCloseAllBtn{
  border-radius:3px !important;
  margin:5px 6px;
}

.msgPop-top-right, .msgPop-top-left{top:0;}
.msgPop-top-right{right:0;}
.msgPop-top-left{left:0;}
.msgPop-bottom-right, .msgPop-bottom-left{bottom:0;}
.msgPop-bottom-right{right:0;}
.msgPop-bottom-left{left:0;}

@media all and (min-width: 0px) and (max-width: 640px) {
  .msgPopContainerSmall{
    width:100% !important;
    right:0 !important;
  }

  .msgPopContainerSmall .msgPopLoadMore{
    margin:0 !important;
    border-radius:0 !important;
  }

  .msgPopContainerSmall .msgPopSuccess, 
  .msgPopContainerSmall .msgPopWarning, 
  .msgPopContainerSmall .msgPopError, 
  .msgPopContainerSmall .msgPopMessage{
    box-shadow:0 0 3px rgba(0,0,0,.3) !important;
    margin:0 !important;
    border-radius:initial !important;
  }

  .msgPopContainerSmall #msgPopCloseAllBtn  {
    border-radius:0 !important;
    border-bottom-left-radius:3px !important;
    border-bottom-right-radius:3px !important;
    margin:0;
  }

  .msgPopCloseCell a{font-size:16px;}

  #msgPopContainer, #msgPopCloseAllBtn{font-size:12px;}

  .msgPopSpacer{width:0;}
}

@media all and (min-width: 641px) and (max-width: 1024px) {
  #msgPopContainer, #msgPopCloseAllBtn{font-size:14px;}

  .msgPopSpacer{width:5%;}

  .msgPopContainerSmall{width:380px !important;}
}

@media all and (min-width: 1025px) and (max-width: 1280px) {

  .msgPopContainerSmall{width:450px !important;}

  #msgPopContainer, #msgPopCloseAllBtn{font-size:14px;}

  .msgPopSpacer{width:10%;}

  .msgPopContainerSmall .msgPopSpacer{  width:5% !important;}
}

@media all and (min-width: 1281px) and (max-width: 4000px) {

  .msgPopContainerSmall{width:580px !important;}

  #msgPopContainer, #msgPopCloseAllBtn{font-size:16px;}

  .msgPopSpacer{width:15%;}
  
  .msgPopContainerSmall .msgPopSpacer{  width:5% !important;}
}


      .msgpop-a {
        background-color: #F36C5D !important;
        color: white;
      }