﻿@charset "utf-8";
/* CSS Document */
.psc-role-container h2 {color: #333;
font: 1.5em georgia,serif;
margin-bottom: 1em;}
.psc-role-container table:not(.table-condensed) {font-family:Arial; font-size:12px;}
.psc-role-container table:not(.table-condensed) td {padding:4px; border-bottom:1px solid #928b81;}
.psc-role-container table:not(.table-condensed) th {
	background-color: #6d276a;
	color:#fff;
	font-size:14px;
	padding:6px 4px;
	text-align:left;
}
.psc-role-container .subrow {
	background-color: #bcbec0;
	color:#000;
	font-size:12px;
	padding:4px;
	text-align:left;
	font-weight:bold;
}
.psc-role-container ul
{margin: 0;
padding-left: 12px;}

.psc-role-container table:not(.table-condensed) p {padding:0; margin:0; font-size:12px;}
/*Button styles */
.button{
background-color: #593160;
border: medium none;
color: #fff;
font: bold 1.083em georgia,serif;
padding: 5px 10px;
text-decoration: none;
width: auto;
}

.psc-role-container .separator {border: 1px dashed #cecece;}
.psc-role-container .group-container {background-color:#ecebe7; border: 1px solid #cccccb; padding 4px;}

/* error box style */
.psc-role-container span.error {background-color: #fbc5c5;
border: 1px solid #e82d2e;
color: red;
padding: 5px;
width: 100%;
color:#000; font-size:13px;}
.psc-role-container span.error  h2 {color:#000; font-size:14px; font-weight:bold;}

/* form element styles */
.psc-role-container label {display: block; font-weight: bold; padding-right: 5px;}
.psc-role-container .roleTextBox {border: 1px solid #d5d2ca; padding: 3px; width: 223px !important;}
.psc-role-container .roleTextArea {border: 1px solid #d5d2ca; height: 150px; width: 439px !important;}
.psc-role-container select{border: 1px solid #d5d2ca;}
.psc-role-container .rolecheckboxlist span{display:block; }
.psc-role-container .rolecheckboxlist label {font-weight:bold;padding-right: 5px;}
.psc-role-container .roleradiobuttonlist span{display:block; }
.psc-role-container .roleradiobuttonlist label {font-weight:bold;padding-right: 5px;}

.field-set .text-box::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:  #999;
}
.field-set .text-box:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #999;
   opacity:  1;
}
.field-set .text-box::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #999;
   opacity:  1;
}
.field-set .text-box:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #999;
}
.field-set .text-box::-ms-input-placeholder { /* Microsoft Edge */
   color:    #999;
}

.field-set .text-box::placeholder { /* Most modern browsers support this now. */
   color:    #999;
}

.psc-preview-modal .modal-content {
	border-radius: 0;
}

.psc-preview-modal .modal-content .modal-header {
	padding: 0;
	border-bottom: 0;	
	min-height: 0;
}
.psc-preview-modal .modal-content .modal-body h2 {
	font: normal 160% 'RooneyBold', georgia, arial, verdana, sans-serif;
    color: #756f67;
    padding: 0;
    margin: 0 0 20px 0;
}
#pscrd-help-modal .modal-content .modal-body ul {
	padding-left: 17px;
	margin-bottom: 20px;
	font-size: inherit;
}
#pscrd-help-modal .modal-content .modal-body ul>li {
	margin-bottom: 7px;
}

#pscrd-help-modal .modal-content .modal-body li a {
	text-decoration: underline;
}

#pscrd-preview-modal .modal-body .pscrd-container{
	float: none;
}

#pscrd-preview-modal .modal-body .pscrd-container .summary-control-bottom,
#pscrd-preview-modal .modal-body .pscrd-container .summary-control-top {
	display: none;
}

@media (min-width: 992px){
    #pscrd-preview-modal .modal-dialog.modal-lg {
        width: 750px;
    }
}
/*fix header width is out of the container, because prev dev remove all padding of .container*/
#header .container>.navbar-header, #header.container>.navbar-collapse {
	margin: 0;
}

.pscrd-container .help-block.has-error {    
    padding: 10px;
    background-color: #f2dede;
}
.pscrd-dd-menu {
	display: none;
	margin-bottom: 5px;
}
.pscrd-dd-menu > select{
	display: block;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
}