/*
 *
 * ============================================================================================
 *
 *                                A r m o r e d  I n f o   W e b
 *
 *                                     Copyright(c) 2012 By
 *
 *                                       Armored Info LLC
 *
 *                             A L L   R I G H T S   R E S E R V E D
 *
 *  ============================================================================================
 * /
 */

.AiSendMsgDialog
{
  background-color: transparent;
  padding: 0;
}


.AiSendMsgDialogPane
{
  width: 93%;
  height: 97%;
  margin: 0 auto;
  border: .2em solid #5c9ec8;
  border-radius: .3em;
  background-color: #AAA;
}

.AiNewMessageDialogPopup
{
  width: 55em;
  height: 50em;
}

.AiNewMessageDialogHdr
{
  width:100%;
  height:1.8em;
  line-height:2em;
  text-align:center;
  font-size:160%;
  color:white;
  background: rgba(0,0,0,.8);
}

#aiSendMessageRecipientsBar
{
  width:100%;
  background: #000;
  height: 6.5em;
  border-top: 2px solid #5c9ec8;
  border-bottom: 2px solid #5c9ec8;
  box-sizing: border-box;
}
#aiSendMessageRecipientsGrid
{
  height: 5.8em;
  overflow-y: hidden;
}

#aiSendMessageTo
{
  margin-left: 4%;
  margin-top: 1.8em;
  font-size: 130%;
  width: 2em;
  color: white;
  display: inline-block;
  float:left;
}


#aiSendMessageAddRecipients
{
  border: .15em solid #5c9ec8;
  border-radius: 0.2em;
  background-color: #555;
  margin: 1.2em;
  display: inline-block;
}

#aiSendMessageAddRecipientsCircle
{
  height: 3em;
  width: 3em;
  margin: 0.3em;
  cursor: pointer;
  background: url("../../../images/icons/add_circle_empty.png") no-repeat center;
  background-size: 100%;
}


#aiSendMessageRecipientsGridContainer
{
  width: 78%;
  height: 100%;
  display: inline-block;
  float: right;
  padding-top: 0.5em;;
  box-sizing: border-box;
}

#i18n_sendMessageRecipientRequired
{
  color:red;
}

#aiSendMessageOptionContainer
{
    margin: 0 auto;
    height: 3.2em;
    background-color: #555;
    border: 1px solid #5c9ec8;
    width: 95%;
}

#aiSendMessageSubjectContainer
{
  margin-left: 0.5em;
  height: 2.5em;
  margin-top: 0.3em;
  width: 14em;
  display: inline-block;
  float:left;
}

#aiSendMessageSubjectContainer.NoAttachments
{
}

#aiSendMessageSubjectInput
{
  width: 90%;
  padding-top: 0.2em;
  font-size: 140%;
  height: 1.3em;
}


.SendMessageOptionContainer
{
  height: 2em;
  width: 10em;
  border: 0.1em solid #000;
  border-radius: 0.2em;
  background-color: #5c9ec8;
  margin-top: 0.4em;
  margin-left: 0px;
  margin-right: 0.3em;
  display: inline-block;
  float:left;
}


#aiSendMessageAttachmentContainer:hover
{
  cursor: hand;
  cursor: pointer;
}

#aiSendMessageAttachmentCount
{
  width: 1.8em;
  height: 1.8em;
  background: none repeat scroll 0% 0% #000;
  color: #5c9ec8;
  text-align: center;
  vertical-align: middle;
  line-height: 1.8em;
  margin-right: 0px;
  margin-top: 0.55em;
  display: inline-block;
  float:left;
}

.SendMessageOptionImage
{
  height: 80%;
  margin-left: 0.5em;
  vertical-align: middle;
  margin-top: 0.2em;
}

#chk_sendText
{
  margin-left: 0.5em;
  vertical-align: middle;
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
}

#chk_urgent
{
  margin-left: 2em;
  vertical-align: middle;
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
}


#aiSendMessageBodyInputContainer
{
  width: 95%;
  margin: 1em auto;
  height: 29em;
}


.SendMessageOptionText
{
  display: inline-block;
  margin-left: 0.2em;
  margin-top: 0.4em;
  vertical-align: middle;
}

#aiSendMessageBodyInput
{
  width: 100%;
  height: 100%;
  padding: 0.2em;
  box-sizing: border-box;
  font-size: 140%;
}


#aiSendMessageSpeechToTextImage
{
  width: 2.5em;
  height: 2.5em;
  cursor: pointer;
  position: relative;
  left: 4em;
  z-index: 999;
}


#aiSendMessageSpeechToTextImage:hover
{
  cursor: hand;
  cursor: pointer;
}

#aiSendMessageSpeechToTextImage img
{
  width: 2.5em;
  height: 2.5em;
}



.AiSendMessageButton
{
  background: black;
  border-radius: 0;
  color: #5c9ec8;
  border: 2px solid #5c9ec8;
}


#mobileSendMessageButtonsContainer
{
    display:none;
}


@media screen and (max-device-width:767px), screen and (max-width:767px)
{
  #aiSendMessageRecipientsBar
  {
    width: 100%;
    background: #000;
    height: 5.5em;
    margin-top: 1.5em;
    border-top: 2px solid #5c9ec8;
    border-bottom: 2px solid #5c9ec8;
    overflow: hidden;
  }

  #aiSendMessageTo
  {
      margin-left: 1em;
      margin-top: 0.9em;
      vertical-align: middle;
      font-size: 130%;
      width: 2em;
      color: white;
      font-weight: 100;
      display: inline-block;
      float: left;
  }

  #aiSendMessageAddRecipients
  {
    border: .15em solid #5c9ec8;
    border-radius: 0.2em;
    height: 3.1em;
    width: 3.1em;
    background-color: #555;
    margin: 0.3em 0 0 0;
    display: inline-block;
    float: none;
  }

  #aiSendMessageAddRecipientsCircle
  {
      border: .15em solid #5c9ec8;
      color: #5c9ec8;
      height: 60%;
      width: 60%;
      border-radius: 50%;
      margin: 13% auto;
      line-height: 1em;
      text-align: center;
      font-size: 180%;
      vertical-align: top;
      cursor: pointer;
      background: black;
  }

  #aiSendMessageOptionContainer
  {
    margin: 0 auto;
    width: 100%;
    height: 3em;
    background-color: #555;
    overflow: hidden;
    float:none;
  }

  #aiSendMessageSubjectContainer
  {
    margin-left: 0.5em;
    margin-right: 0.2em;
    height: 2.5em;
    margin-top: 0.3em;
    width: 40%;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    float:none;
  }

  .SendMessageOptionContainer
  {
  height: 2em;
  width: 15%;
  border: 0.1em solid #000;
  border-radius: 0.2em;
  background-color: #5c9ec8;
  margin-top: 0.4em;
  margin-left: 0px;
  margin-right: 0.3em;
  vertical-align: top;
  overflow: hidden;
  float:none;
  }

  #aiSendMessageAttachmentCount
  {
    display:none;
  }

  .SendMessageOptionText
  {
    display:none;
  }

  #chk_urgent
  {
    margin-left: 1.8em;
  }

  #aiSendMessageBodyInput
  {
    width: 92%;
    height: 95%;
    margin: 0 auto;
    display: block;
    padding: 1em;
    resize: none;
  }

  #aiSendMessageSpeechToTextImage
  {
    display:none;
  }

  #mobileSendMessageButtonsContainer
  {
    display: block;
    height: 4em;
    width: 20em;
    margin: 2em auto;
  }

  #aiSendMessageRecipientsGridContainer
  {
      width: 60%;
      display: inline-block;
      height: 4em;
      margin-top: 0;
      margin-right: 0;
      vertical-align: top;
      float: none;
  }

  #aiSendMessageBodyInputContainer
  {
    height:19em;
  }

  #i18n_sendMessageRecipientRequired
  {
    font-size: 80%;
    line-height: 5em;
  }


  #chk_sendText
  {
    margin-left: 0em;
  }


}


input::-ms-clear
{
  display: none;
}