/* CSS                                     */
/* style_crm123_contacts_extra.css         */
/* Author:   Steven Verhorst               */
/* Purpose:  Styling Extra's in Contacts   */
/*           like Follow-up, Todo, Uploads */

div.form_section, div.listCat   /* Heading between parts of a form AND LIST-CATEGORIES */
{
   color: #249;
   font-family: lato, sans-serif;
   font-size: 18px;
   font-weight: 500;
   margin: 17px 0 7px 0;
   background: #f9f9f9;
   border-bottom: #eee 1px solid;
   height: 27px;
   margin-right: 10px;
   padding: 3px 3px 0px 5px;
}

a.button_expand /* Knop om een verborgen DIV uit te klappen */
{
   cursor: pointer;
   float:right;
   padding: 2px 5px 2px 5px;
   border: #ccc 1px solid;
   background-color: #f3f3f3;
      -webkit-transition: all 300ms ease;
      -moz-transition: all 300ms ease;
      -ms-transition: all 300ms ease;
      -o-transition: all 300ms ease;
      transition: all 300ms ease;
}
a.button_expand:hover
{
   text-decoration: none;
   border: #02990c 1px solid;
}
div.show /* Verborgen DIV */
{
   /*  background-color: #fafafa;
     border-bottom: #ececec 1px solid;
     border-top: #ececec 1px solid;*/
   /* SV: Iets donkerder maken voor minder goede beeldschermen: */
   background-color: #f4f4f6;
   border-bottom: #e0e0e0 1px solid;
   border-top: #e9e9e9 1px solid;
   padding-bottom: 12px;
   margin-top: -3px;
}

h3
{
   font-family: lato, sanserif;
   font-size: 16px;
   font-weight: normal;
   color: #F7AA19;
   margin: 14px 0 3px 0;
}

div.followUpOptions
{
   width: 120px;
   margin-top: 0px !important;
}


table.followUp
{
   width: 655px;
}
td.followUp150P   /* Width 150 plus pixels */
{
   width: 150px;
   height: 25px;
}
td.followUp140P   /* Width 140 plus pixels */
{
   width: 133px;
   height: 25px;
}
td.followUp120P   /* Width 120 plus pixels */
{
   width: 120px;
   height: 25px;
}
td.followUp200P   /* Width 120 plus pixels */
{
   width: 390px;
   height: 25px;
   /*  background-color: #Fea;*/
}
td.dotBottom
{
   border: #555 dashed 1px;
}
td.dotBottom
{
   border: #555 dashed 1px;
}

div.followUpGrayBar   /* The table (mostly one line) inside a gray bar */
{
   width: 655px;
   background-color: #f3f3f3;
   border: #ccc 1px solid;
   padding: 3px;
   margin-left: -3px;
   margin-top: 7px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -khtml-border-radius: 3px;
   border-radius: 3px;
   -moz-box-shadow: 0px 2px 7px 0px #eee;
   -webkit-box-shadow: 0px 2px 7px 0px #eee;
   box-shadow: 0px 2px 7px 0px #eee;
}

div.chkBox a{
   padding-top: 5px;
}
div.chkBox
{
   padding-top: 6px;
/*   margin-left: -4px;*/
   width: fit-content;
   display: flex;
}

.followUpLabel
{
   font-size: 16px;
   margin-top: 0px !important;
   text-align: left !important;
   padding-right: 0px !important;
   width: 119px !important;
}
.followUpLabel2  /* voor de tekst "op te volgen door" */
{
   font-size: 16px;
   text-align: left !important;
   padding-right: 0px !important;
   width: 119px !important;
}
.fULSmall
{
   font-size: 11px !important;
   margin-left: -4px;
}
.followUpArrowLeft
{
   background-image: url('../../assets/images/theyContactUs.png');
   background-repeat: no-repeat;
   width: 10px;
   margin-left: 5px;
   padding: 0 5px 0 5px;
}
.followUpArrowRight
{
   background-image: url('../../assets/images/weContactThem.png');
   background-repeat: no-repeat;
   /* Nico Jongejan
      - Dit is niet meer nodig
   width: 10px;
   margin-left: 5px;
   */
   padding: 0 5px 0 5px;
}
.followUpLabelLeft
{
   text-align: left !important;
}
.followUpSelect
{
   width: 140px;
   margin-top: -10px;
}
.followUpSelectbox
{
   width: 120px !important;
   font-size: 11px !important;
}
.followUpSelectboxLong
{
   width: 170px !important;
}

p.mailto
{
   border: 1px solid #ccc;
   background-color: #def;
   color: #888;
   background-image: url('../images/icons/32x32/mail_open_next.png');
   background-repeat: no-repeat;
   background-position-x: 15px;
   background-position-y: 9px;
   width: 445px;
   height: 28px;
   padding: 12px 3px 3px 54px;
}
p.mailto2  /* voor wanneer er 2 linkjes in dit vak staan */
{
   height: 45px;
   padding: 5px 3px 3px 50px;
   background-position-y: 7px;
}
a.contact_mail, a.contact_mail:link, a.contact_mail:active, a.contact_mail:visited
{
   font-size: 16px;
   color: #888;
   text-decoration: none;
}
a.contact_mail:hover
{
   font-size: 16px;
   color: #79b;
   text-decoration: underline;
}

/* SV: Kruimelpad bij Bestandenmodule
   Voorbeeld pad:
   contracten/test/nog_een_map/
*/
div.kruimelpad
{
   color: #888;
   font-size: 14px;
   width: 660px;
   height: 30px;
   background-color: #fafafa;
   padding: 3px 3px 3px 30px;
   background-image: url('../images/icons/24x24/home.png');
   background-position-x: 5px;
   background-position-y: 2px;
   background-repeat: no-repeat;
}
div.kruimelpad a, div.kruimelpad a:active, div.kruimelpad a:link, div.kruimelpad a:visited
{
   color: #700;
   text-decoration: none;
}
div.kruimelpad a:hover
{
   color: #a33;
   text-decoration: underline;
}