﻿#dhtmltooltip{
position: absolute;
width: 250px;
border: 1px dotted #808080;
padding: 5px;
background-color: #ffffff;
visibility: hidden;
z-index: 100;
font-family: Arial;
color: #666666;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/* filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); */
}

.qms-configure-table {border: solid 1px #dddddd; border-collapse: collapse;}
.qms-configure-table tr {border: solid 1px #dddddd; border-collapse: collapse;}
.qms-configure-table td {padding: 10px 20px 10px 20px;}

.submenuItem-Incomplete {padding: 3px 0 3px 6px; vertical-align: middle;}
.submenuItem-Partially-completed {padding: 3px 0 3px 6px; vertical-align: middle;}
.submenuItem-Completed {padding: 3px 0 3px 6px; vertical-align: middle;}

.QMSSectionStatus-Incomplete {color: #ff0000; font-weight: bold; text-decoration: none;}
.QMSSectionStatus-Partially-completed {color: #FFC200; font-weight: bold; text-decoration: none;}
.QMSSectionStatus-Completed {color: #00FF00; text-decoration: none;}

.forms-table {}
.form-table-header-cell {padding: 4px; font-weight: bold; color: #000000;}
.form-table-row-cell {padding: 4px;}

.div_formContainer {margin: 0px 20px 0px 20px;}
.tipbox{ cursor: pointer;}
.forms-mandatory {color: #ff0000; font-weight: bold; vertical-align: middle;}
.forms_highlight_no_entry_error {background-color: #FFFFFF;}
.forms_highlight_entry_error {background-color: #FFC0C0;}
.form-inputLabel {vertical-align: middle; margin: 0px 0px 4px 0px;}
.form-inputLabel img {vertical-align: middle;}

.form-set_width_150 {width: 150px;}
.form-set_width_200 {width: 200px;}
.form-set_width_250 {width: 250px;}

.form-control {
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    line-height: 1.42857;
    padding: 6px 12px;    
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    box-sizing: border-box;
}

.form-control-inline {
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: inline-block;
    font-size: 14px;
    line-height: 1.42857;
    padding: 6px 12px;    
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    box-sizing: border-box;
}

.btn-standard {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 14;
  -moz-border-radius: 14;
  border-radius: 14px;
  font-family: Arial;
  color: #ffffff;
  font-size: 18px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn-standard:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
  font-size: 18px;
}

.btn-cta {
  background: #08def2;
  background-image: -webkit-linear-gradient(top, #08def2, #07a7b5);
  background-image: -moz-linear-gradient(top, #08def2, #07a7b5);
  background-image: -ms-linear-gradient(top, #08def2, #07a7b5);
  background-image: -o-linear-gradient(top, #08def2, #07a7b5);
  background-image: linear-gradient(to bottom, #08def2, #07a7b5);
  -webkit-border-radius: 14;
  -moz-border-radius: 14;
  border-radius: 14px;
  font-family: Arial;
  color: #ffffff;
  font-size: 18px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  box-sizing: border-box;
  display: block;
}

.btn-cta:hover {
  background: #5fe9f5;
  background-image: -webkit-linear-gradient(top, #5fe9f5, #70d2db);
  background-image: -moz-linear-gradient(top, #5fe9f5, #70d2db);
  background-image: -ms-linear-gradient(top, #5fe9f5, #70d2db);
  background-image: -o-linear-gradient(top, #5fe9f5, #70d2db);
  background-image: linear-gradient(to bottom, #5fe9f5, #70d2db);
  text-decoration: none;
  font-size: 18px;
}

.btn-make-small {font-size: 14px; padding: 5px 10px 5px 10px; border-radius: 10px; border-width: 0px;}
.btn-make-small2 {font-weight: bold; font-size: 18px; padding: 5px 10px 5px 10px; border-radius: 10px; border-width: 0px;}

.btn-plain {
  background: #f8f8f8;
  background-image: -webkit-linear-gradient(top, #f8f8f8, #e7e7e7);
  background-image: -moz-linear-gradient(top, #f8f8f8, #e7e7e7);
  background-image: -ms-linear-gradient(top, #f8f8f8, #e7e7e7);
  background-image: -o-linear-gradient(top, #f8f8f8, #e7e7e7);
  background-image: linear-gradient(to bottom, #f8f8f8, #e7e7e7);
  -webkit-border-radius: 14;
  -moz-border-radius: 14;
  border-radius: 14px;
  font-family: Arial;
  color: #666666;
  font-size: 18px;
  padding: 10px 20px 10px 20px;
  border: solid #d9d6d9 1.5px;
  text-decoration: none;
}

.btn-plain:hover {
  background: #dedbde;
  background-image: -webkit-linear-gradient(top, #dedbde, #d1d1d1);
  background-image: -moz-linear-gradient(top, #dedbde, #d1d1d1);
  background-image: -ms-linear-gradient(top, #dedbde, #d1d1d1);
  background-image: -o-linear-gradient(top, #dedbde, #d1d1d1);
  background-image: linear-gradient(to bottom, #dedbde, #d1d1d1);
  text-decoration: none;
}

.btn-plain-small {
  background: #f8f8f8;
  background-image: -webkit-linear-gradient(top, #f8f8f8, #e7e7e7);
  background-image: -moz-linear-gradient(top, #f8f8f8, #e7e7e7);
  background-image: -ms-linear-gradient(top, #f8f8f8, #e7e7e7);
  background-image: -o-linear-gradient(top, #f8f8f8, #e7e7e7);
  background-image: linear-gradient(to bottom, #f8f8f8, #e7e7e7);
  -webkit-border-radius: 14;
  -moz-border-radius: 14;
  border-radius: 14px;
  font-family: Arial;
  color: #666666;
  font-size: 14px;
  padding: 6px 10px 6px 10px;
  border: solid #d9d6d9 1.5px;
  text-decoration: none;
}

.btn-plain-small:hover {
  background: #dedbde;
  background-image: -webkit-linear-gradient(top, #dedbde, #d1d1d1);
  background-image: -moz-linear-gradient(top, #dedbde, #d1d1d1);
  background-image: -ms-linear-gradient(top, #dedbde, #d1d1d1);
  background-image: -o-linear-gradient(top, #dedbde, #d1d1d1);
  background-image: linear-gradient(to bottom, #dedbde, #d1d1d1);
  text-decoration: none;
  font-size: 14px;
}

.form-width-20 {width: 20px; display: inline-block;}