/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 23, 2020, 9:13:19 AM
    Author     : ivo.ahun
*/

#note {
    margin: 0 auto;
    padding:0;
    min-width: 400px;
    /*width: 40%;*/
    left: 50%;
    /*margin-right: -50%;*/
    transform: translate(-50%, 0);
    position: absolute;
    z-index: 101;
    top: 0;
    /*left: 0;
    right: 0;*/
    background: #428bca;
    /*background: #337ab7;
    text-align: center;
    /*padding: 4px;*/
    color:#fff;
    font-size: 12px;
    /*line-height: 1.5;*/
    /*border-bottom: 1px solid #FFCC00;*/
    /*overflow: hidden; */
    /*
    -webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow:    0 0 5px black;
    box-shadow:         0 0 5px black;
    */
}
div.top-warning-note{
    background-image: url("../img/warning-triangle-small.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    /* height: 16px; */
    /* width: 16px; */
    float: left;
    padding: 10px;
    margin: 1px 4px;
}
.note-textarea{
    display: inline-block;
    padding: 5px;
    float:left;
    border:none;
    font-size: 14px !important;
}
.note-textarea a{
    color: #fff;
    text-decoration: underline;
}
.note-textarea a:hover{
    color: #fff;
    text-decoration: underline;
}
.lp-triangle,.rp-triangle,.tp-triangle,.bp-triangle{
  float:left;
}

.tlp-triangle,.trp-triangle,.blp-triangle,.brp-triangle{
  float:left;
}


.tlp-triangle{
  width:0px;
  height:0px;
  border-left:14px solid #428bca !important;
  border-right:14px solid  transparent !important;
  border-top:14px solid #428bca !important;
  border-bottom:14px solid transparent !important;
  /*margin-right:30px;*/
  position: absolute;
  float:right;
  right: -28px !important;
  top:0;
  /*
    -webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow:    0 0 5px black;
    box-shadow:         0 0 5px black;
  */
}

.trp-triangle{
  width:0px;
  height:0px;
  border-left:14px solid transparent;
  border-right:14px solid  #428bca;
  border-top:14px solid #428bca;
  border-bottom:14px solid transparent;
  /*margin-right:30px;*/
  position: absolute;
  float:left;
  left: -28px;
  top:0;
}


.brp-triangle{
  width:0px;
  height:0px;
  border-left:14px solid transparent;
  border-right:14px solid  #000;
  border-top:14px solid transparent;
  border-bottom:14px solid #000;
  margin-right:30px;
}


.blp-triangle{
  width:0px;
  height:0px;
  border-left:20px solid #000;
  border-right:20px solid  transparent;
  border-top:20px solid transparent;
  border-bottom:20px solid #000;
  margin-right:30px;
}
.note-textarea{
    /*min-width: 360px;*/
    min-width: 382px;
}
.note-textarea-more{
    padding: 10px 6px 6px 6px !important;
    border-top:none;
    border-right: 1px solid #428bca;
    border-bottom: 1px solid #428bca;
    border-left: 1px solid #428bca;
    background-color: #fff;
    color: #337ab7;
    font-size: 14px !important;
}
.note-textarea-more a{
    color: #337ab7;
    text-decoration: underline;
}
.note-textarea-more a:hover{
    color: #337ab7;
    text-decoration: underline;
}
.show-note-textarea-more{
    display: inline-block !important;
}