/**
 * Gestao CSS sysDCP.css
 *
 *  Versões
 *  ----------------------------------------------------------------------------
 *  Versão	Data		Descrição
 *  1.0		2016.01.10	Versao inicial
 *  1.1		2016.10.15	Revisão de estilos do login
 *  1.2		2016.10.15	Ajuste posicao fb msg e ajuste do select2
 *  1.3		2017.06.20	Estilos ckeditor e Ajuste do select2
 *  1.4		2017.08.26	Estilos FbMsg
 *  1.5     2017.11.05  Novas classes de estilos FbMsg
 */	
 #adminOptions{
	float:right;
	position:relative;
}
#adminOptions > a{
	position:absolute;
	top: -60px;
	right: 0px;
}
/* --------------------------------------------------------------------------
 * Div Error
 * --------------------------------------------------------------------------*/
#sysDCP_Runtime{
	display:none; 
}

/* --------------------------------------------------------------------------
 * CSS Feedback Msg 
 * --------------------------------------------------------------------------*/
#sysDCP_FeedbackMsg {
	display:none; 
	position:fixed; 
	top:10px;
	width:500px;
	left:50%;
	margin-left:-250px;
	vertical-align:top; 
	z-index:2001;
	min-height:30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px 1px rgba(102, 102, 102, 0.63);
    box-shadow: 1px 1px 1px 1px rgba(102, 102, 102, 0.63);
}
@media (max-width: 500px){
	#sysDCP_FeedbackMsg {width:300px; margin-left:-150px;}
}
.feedbackMsg_Div_Radius {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.feedbackMsg_Div_Success{
	background-color:#dff0d8;
	color:#247b00;
}
.feedbackMsg_Div_Error{
	background-color:#e74c3c;
	color:#FFFFFF;
}
.feedbackMsg_Div_Info{
	background-color:#d9edf7;
	color:#004f75;
}


.feedbackMsg_Button{
	position:absolute;
	right:7px;
	top:0px;
	font-size: 25px;
	cursor: pointer;
}
.feedbackMsg_Button a{
	color: #141414;
	text-decoration: none;
	line-height: inherit;
}
.feedbackMsg_Text {
	padding:10px 25px 10px 15px;
	font-family:"lato",sans-serif;
	font-size: 15px;
	font-weight:normal;
	text-align: justify;
	vertical-align: middle;
}



/* --------------------------------------------------------------------------
 * CSS Popup
 * --------------------------------------------------------------------------*/
#sysDCP_inPopupBg{
	position:fixed;
	width:100%;
	height: 100%;
	z-index: 1000;
 	background: url("../../images/sysDCP/popup/bgGray.png") repeat;	
}
#sysDCP_inPopupBg > #sysDCP_inPopup{
	position:absolute;
	min-width: 300px;
	max-width: 900px;
	min-height: 300px;
/*	max-height: 500px;*/
	background-color: #FFFFFF;
	z-index: 1001;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow:  3px 3px 3px 1px #666666;
    box-shadow:  3px 3px 3px 1px #666666;
}
#sysDCP_inPopupBg > #sysDCP_inPopup > .popHeader{
	background-color: #555555;
	text-align:left;
	color: #FFFFFF;
	font-size:13px;
	padding:5px;
	cursor:move;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	
	-webkit-box-shadow:  0px 0px 3px 0px #666666;
    box-shadow:  0px 0px 3px 0px #666666;
}
#sysDCP_inPopupBg > #sysDCP_inPopup > .popHeader > a{
	float:right;
	cursor: pointer;
}
#sysDCP_inPopupBg > #sysDCP_inPopup > .popHeader > span{
	cursor: default;
}
#sysDCP_inPopupBg > #sysDCP_inPopup > .popContent{
	margin:15px;
}
.popupOptions{
	margin-top:35px; 
	text-align:left;
}



/* --------------------------------------------------------------------------
 * CSS Loading
 * --------------------------------------------------------------------------*/
#sysDCP_Loading{
	display: none;
	width:100%; 
	height:100%; 
	position:fixed; 
	text-align:left; 
	vertical-align:top; 
	z-index:1100;
	cursor:wait;
	background:url(../../images/sysDCP/ajaxLoad/load.gif) no-repeat bottom left;
}



/* --------------------------------------------------------------------------
 * CSS Listing
 * --------------------------------------------------------------------------*/
.listing{
	float:right; 
	font-size: 14px; 
	color: #666666;
}
.listing td{
	vertical-align:middle; 
}
.listingSelect {
	width: auto;
	padding: 0px;
	border: 1px solid #999999;
    color: #666666;
    font-size: 10px;
}



/* --------------------------------------------------------------------------
 * CSS Table Record
 * --------------------------------------------------------------------------*/
.tableRecord{
	width:100%;
	text-align: left;
}
.tableRecord th{
	padding:7px 4px 7px 4px;
	background-color: #333333;
	color: #FFFFFF;
	font-weight:bold;
}
.tableRecord tr:hover{
	background-color: #D9D9D9;
}
.tableRecord td{
	padding:4px;
	border-bottom: 1px solid #999999;
}



/* --------------------------------------------------------------------------
 * CSS Edit Record
 * --------------------------------------------------------------------------*/
.editRecord{
	text-align: left;
}
.editRecord td{
	padding:3px 10px 3px 1px;
	vertical-align: top;
}
.editRecord td.label{
	text-align: right;
}



/* --------------------------------------------------------------------------
 * CSS Show Record
 * --------------------------------------------------------------------------*/
.showRecord{
	text-align: left;
}
.showRecord td{
	padding:3px 15px 3px 1px;
	text-align: left;
	vertical-align: top;
}
.showRecord td.label{
	text-align: right;
	font-weight:bold;
}


/* --------------------------------------------------------------------------
 * CSS Filter
 * --------------------------------------------------------------------------*/
.filter .col{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
.filter .col.option{
	margin-top: 20px;
}
.filter .col .label{
	font-size: 8px;
/*	text-transform: uppercase;*/
	padding-left: 6px;
	color: #34495E;
	margin-top: 5px;
}



/* --------------------------------------------------------------------------
 * CSS Datepicker jQuery
 * --------------------------------------------------------------------------*/
div.ui-datepicker{
 font-size:14px;
}




/* --------------------------------------------------------------------------
 * CSS Select2
 * --------------------------------------------------------------------------*/
.select2-offscreen{display:none!important;}
.select2-container{padding:0!important; height:auto!important; border:none!important;}
.select2-container .select2-choice div{
	background-color: white!important;
	background: white!important;
	border-left: none!important;
}
.select2-container > a.select2-choice{
	height: 32px!important;
	background-color: white!important;
	background: white!important;
	border:1px solid #cccccc!important;
}
.select2-container .select2-choice span{
	margin-top: 3px;
	margin-bottom: 3px;
}
.select2-container .select2-choice{
	color: #555555;
	font-size: 14px;
}
.select2-drop{
	color: #555555;
}
.select2-search input{
	color: #555555;
}



/* --------------------------------------------------------------------------
 * CSS Images Aspect Ratio
 * --------------------------------------------------------------------------*/
.sysDCP_box{
	display: inline-block;
	position:  relative;
	width: 100%;
}
.sysDCP_box:before{
	content: "";
	display: block;
	padding-top: 100%; /* initial ratio of 1:1*/
}

/* Other ratios */
.sysDCP_box.ratio2_1:before{
	padding-top: 50%;
}
.sysDCP_box.ratio1_2:before{
	padding-top: 200%;
}
.sysDCP_box.ratio4_3:before{
	padding-top: 75%;
}
.sysDCP_box.ratio16_9:before{
	padding-top: 56.25%;
}

.sysDCP_box .content{
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
}

.sysDCP_box .horizontal{
    position: absolute;
    min-width: 100%;
    height: 100%;
    margin-left: -50%;
    left: 50%;
}

.sysDCP_box .vertical{
    position: absolute;
    width: 100%;
    min-height: 100%;
    top: 50%;
    left: 0;
    margin-top: -50%;
}




/* --------------------------------------------------------------------------
 * CSS COVER
 * --------------------------------------------------------------------------*/
.sysDCP_cover{
	background-position:50% 50%; 
	background-size:cover; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-transform: translate3d(0,0,0);
}




/* --------------------------------------------------------------------------
 * LOGIN
 * --------------------------------------------------------------------------*/
.sysDCP_loginPage .divLogin{
	padding:30px;
	max-width:400px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 3px 3px 5px 5px rgba(255,255,255,1);
	-moz-box-shadow: 3px 3px 5px 5px rgba(255,255,255,1);
	box-shadow: 3px 3px 5px 5px rgba(255,255,255,1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.sysDCP_loginPage .divLogin h2{
	margin-bottom:20px;
}
.sysDCP_loginPage .divLogin button{
	margin-top:20px;
}
body.sysDCP_loginPage{
	background-image: url('../../stylesBO/img/layout/footer-bg.png');
	background-repeat: repeat repeat;
}
.sysDCP_loginPage .list-header h2{
	display: none;
}




/* --------------------------------------------------------------------------
 * CKEDITOR STYLES
 * --------------------------------------------------------------------------*/
.cke{
	border: solid 1px #888888!important;
}
.cke .cke_top{
	border-bottom: solid 1px #888888!important;
}
.cke .cke_contents{
	margin-top:5px;
}
.cke p {
	margin-bottom: 5px!important;
	color: #000000!important;
	font-family: "open_sanslight", Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-align: left;
}