﻿
.ms-cui-menu {
	z-index: 10086 !important;	
}
.ms-siteicon-img {
	width: 200px;
}
.ms-rtestate-field{
	word-wrap:normal !important;
}
#ms-designer-ribbon {
	position: relative;
	z-index: 10000;
}

#s4-workspace {
	overflow-x:hidden;
}

#s4-bodyContainer {
	padding-bottom: 0;
}

@media(max-width: 600px) {
	.o365cs-rsp-tn-hideIfAffordanceOff {
		display: none !important;
	}
}

#s4-workspace h1,
#s4-workspace h2,
#s4-workspace h3,
#s4-workspace h4,
#s4-workspace h5,
#s4-workspace h6,
#s4-workspace .h1,
#s4-workspace .h2,
#s4-workspace .h3,
#s4-workspace .h4,
#s4-workspace .h5,
#s4-workspace .h6,
#s4-workspace p,
#s4-workspace a,
#s4-workspace span,
#s4-workspace label,
#s4-workspace button,
#s4-workspace input
{
  font-family: "Lato";
}
#s4-workspace h4 {
	font-weight: 900;
	font-size: 1.125em;
}
#s4-workspace p,
#s4-workspace a,
#s4-workspace li,
#s4-workspace span > strong {
    color: #616161;
}
#s4-workspace .ms-rtestate-field a,
#s4-workspace .ms-rtestate-field a span strong,
#s4-workspace .ms-rtestate-field a span {
	color: #0af;
}
#s4-workspace .ms-rtestate-field a:hover,
#s4-workspace .ms-rtestate-field a:focus,
#s4-workspace .ms-rtestate-field a:hover strong,
#s4-workspace .ms-rtestate-field a:focus strong{
	color: #0077b3;
    text-decoration: underline;
}
#s4-workspace li {
	line-height: 20px;
}
#s4-workspace p {
	font-size: 0.875rem;
	line-height: 18.9px;
	display:block;
}
#s4-workspace a:hover,
#s4-workspace a:focus {
    color: inherit;
}
#s4-workspace table {
	font-size: 0.875em;
	color:#616161;	
}
/*colors*/
#s4-workspace .weak-blue {
    color: #265CFF;
}
#s4-workspace .strong-blue {
    color: #00228C;
}
#s4-workspace .brown {
    color: #8C2300;
}
#s4-workspace .green {
    color: #008C00;
}
#s4-workspace .weak-green {
    color: #B2B200;
}
#s4-workspace .orange {
    color: #FFAD00;  
}
#s4-workspace .purple {
    color: #9753a0;
}

#s4-workspace .border-weak-blue {
    border-left: 5px solid #265CFF;
    padding: 0 0 0 5px;
    margin: 0px 0 7px 0;
}
#s4-workspace .border-strong-blue {
    border-left: 5px solid #00228C;
    padding: 0 0 0 5px;
    margin: 0px 0 7px 0;
}
#s4-workspace .border-brown {
    border-left: 5px solid #8C2300;
    padding: 0 0 0 5px;
    margin: 0px 0 7px 0;
}
#s4-workspace .border-purple {
    border-left: 5px solid #9753a0;
    padding: 0 0 0 5px;
    margin: 0px 0 7px 0;
}
#s4-workspace .border-green {
    border-left: 5px solid #008C00;
    padding: 0 0 0 5px;
    margin: 0px 0 7px 0;
}
#s4-workspace .border-weak-green {
    border-left: 5px solid #B2B200;
    padding: 0 0 0 5px;
    margin: 0px 0 7px 0;
}
#s4-workspace h4.border-orange {
	border-left: 7px solid #FFAD00;
    padding: 0 0 0 10px;
    margin: 0px 0 4px 0;
}
#s4-workspace .border-orange {
    border-left: 5px solid #FFAD00;  
    padding: 0 0 0 5px;
    margin: 0px 0 7px 0;
}
#s4-workspace .border-left-white {
    border-left: 5px solid #fff;  
    padding: 0 0 0 5px;
    margin: 0px 0 7px 0;
}
/*colors*/
/*font sizes*/
#s4-workspace .fs-18 {
	font-size: 1.125rem;
}
/*font sizes*/
/*buttons*/
#s4-workspace button {
	min-width: auto;
}
#s4-workspace .btn-primary:not(:disabled):not(.disabled):active, #s4-workspace .btn-primary:not(:disabled):not(.disabled).active, #s4-workspace .show > .btn-primary.dropdown-toggle {
	border-color: inherit !important;
	box-shadow: none !Important;
}
#s4-workspace .btn-list {
	width: 100% !important;
    margin-top: 5px !important;
    border: 1px solid #FFAD00;
    border-radius: 18px;
    font: 900 14px/36px 'Lato';
    color: #FFAD00 !important;
    background: #fff !important;
    text-transform: none !important;
}
#s4-workspace .btn-list:hover,
#s4-workspace .btn-list:focus {
	
}

#s4-workspace .btn {
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 500;
}
#s4-workspace .btn-primary {
    border-radius: 18px;
    padding: 6px 20px 7px 26px;
    line-height: 20px;
    transition: all .5s ease 0s;
}
#s4-workspace .btn:focus,
#s4-workspace .btn:active {
    box-shadow: none;
}
#s4-workspace .btn-primary span {
    margin-left: 16px;
    font-size: 1rem;
}
#s4-workspace .btn-secondary {
	font-weight: 700;
    font-size: 1.125em;
    background-color: #FFAD00;
    border: 1px solid #FFAD00;
    color: #fff;
    padding: 10px 53px;
    border-radius: 8px;
}
#s4-workspace .btn-secondary:hover,
#s4-workspace .btn-secondary:focus,
#s4-workspace .btn-secondary:active {
	background-color: #fff; 
	color: #FFAD00;
	border-color: #FFAD00;
	box-shadow: none;
}
#s4-workspace .btn-green {
    border: 1px solid #008C00;
    background: #008C00;
    color: #fff;
}
#s4-workspace .btn-green:hover,
#s4-workspace .btn-green:focus,
#s4-workspace .btn-green:active {
    background:#fff;
    color:#008C00;
    border-color: #008C00;
}
#s4-workspace .btn-weak-green {
    border: 1px solid #B2B200;
    color: #FFF;
    background: #B2B200;
}
#s4-workspace .btn-weak-green:focus,
#s4-workspace .btn-weak-green:hover,
#s4-workspace .btn-weak-green:active {
    color:#B2B200;
    background: #FFF;
    border-color: #B2B200;
}
#s4-workspace .btn-white {
    border: 1px solid #fff;
    color: #0078F0;
    background: #fff;
}
#s4-workspace .btn-white:hover,
#s4-workspace .btn-white:focus,
#s4-workspace .btn-white:active {
    border: 1px solid #fff;
    color: #fff;
    background: #0078F0;
}
#s4-workspace .btn-transparent {
    border: 1px solid #fff;
    color: #fff;
    background: transparent;
}
#s4-workspace .btn-transparent:hover,
#s4-workspace .btn-transparent:focus,
#s4-workspace .btn-transparent:active {
    border: 1px solid #fff;
    color: #fff;
    background-color: rgba(33, 33, 33, 0.5);;
}
#s4-workspace .btn-orange {
	background-color: #FFAD00 !important;
    border: 1px solid #FFAD00 !important;
    color: #fff;
    font-weight: 900;
    display: block;
    margin: 0 auto;
    width: 140px;
    padding: 6px 10px;
}
#s4-workspace .btn-orange:hover,
#s4-workspace .btn-orange:focus,
#s4-workspace .btn-orange:active {
	background-color: #fff;
	color: #FFAD00;
	border-color: #FFAD00;
}
/*buttons*/
/*backgrounds*/
#s4-workspace .bg-blue {
    background-color: #0078F0;
}
#s4-workspace .bg-transparent-white {
    background-color: rgba(255, 255, 255, 0.9);
}
/*backgrounds*/ 
#s4-workspace .list-links li a {
    font-weight: 300;
    font-size: 0.875em;
}
#s4-workspace .list-links li {
	padding-top: 6px;
}
#s4-workspace .list-links {
    padding-left: 1px;
    list-style: none;
}
#s4-workspace .list-links li::before {
    content: "•"; 
    color: #616161;
    font-size: 12px;
}
/*inputs*/
#s4-workspace input.form-control:focus {
	box-shadow: none;
}
#s4-workspace ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999;
  font-style: italic;
}
#s4-workspace ::-moz-placeholder { /* Firefox 19+ */
  color: #999;
  font-style: italic;
}
#s4-workspace :-ms-input-placeholder { /* IE 10+ */
  color: #999;
  font-style: italic;
}
#s4-workspace :-moz-placeholder { /* Firefox 18- */
  color: #999;
  font-style: italic;
}
/*inputs*/
/*alerts*/
#s4-workspace .alert {
	font-size: 1.125em;
}
#s4-workspace .alert {
	padding: 8px 35px 8px 14px;
	font-weight:900;
}
#s4-workspace .alert-warning {
	color: #bf7900;
	
	background-color: #fffbdc;
    border: 1px solid #f1d875;
    border-radius: 2px;
    
}
#s4-workspace .alert-primary  {
	color: #0af;
	background-color: #cef1fc;
    border-color: #9ee3f9;
    color: #12718f;
}
#s4-workspace .alert-primary a {
	color: #0af;
}
#s4-workspace .alert-primary p {
	color: #12718f;
	font-weight: 500;
	margin-bottom: 0;
}
/*alerts*/
/*nav tab*/
#s4-workspace .nav-tabs {
	border: none;
	border-radius: 0;
}
#s4-workspace .nav-tabs a.nav-link.active {
	background: #006663;
	opacity: 1;
	color:#fff;
}
#s4-workspace .nav-tabs a.nav-link {
	background: #006663;
    opacity: 0.57;
    color: #fff;
    margin: 3px;
    padding: 11px 0;
    border:none;
    line-height: 18px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-weight: 900;
    font-size: 1.125em;
    color: #FFF;
    display: block;
    transition: opacity .5s ease 0s;
}
#s4-workspace .nav-tabs a.nav-link:first-child {
	margin-left: 0;
}
#s4-workspace .nav-tabs a.nav-link:last-child {
	margin-right: 0;
}
#s4-workspace .tab-content {
	margin-top: 3px;
	padding: 1em 1.4em;
    border: 1px solid #006663;
    border-radius: 0;
    
}
#s4-workspace .internal-card [href="http://siriolibanes.grupounite.com.br/chat"] img{
	height: 32px;
	width: 900px;
}
#s4-workspace .internal-card img {
	max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: middle;
    border: 0;
}
@media only screen and (max-width: 750px) {
	#s4-workspace .internal-card .nav-tabs {
		display: none;
	}
	#s4-workspace .internal-card .tab-content .tab-pane {
		display: block !important;
		border: 1px solid;
	    padding: 16px 15px;
	    margin-bottom: 16px;
	    overflow-x: auto;
	}
	#s4-workspace .internal-card .tab-content {
		border: none;
		padding: 0;	
	}
	#s4-workspace .internal-card iframe {
		width: 100%;	
	} 
}
#s4-workspace .tab-content .tab-pane {
	border-color:#006663;
}
#s4-workspace .tab-content table {
	width: 100%;
	border-color: inherit;
	margin-bottom: 20px;
}
#s4-workspace .tab-content table td {
	padding: 5px 10px;
}
#s4-workspace .tab-content table p {
	margin-bottom: 0;
} 
#s4-workspace .tab-content table th strong {
	font-size: 1.28em;
}
#s4-workspace .tab-content table th {
	font-weight: 500;
}
#s4-workspace .tab-content p {
	color: #67655F;
}
#s4-workspace .tab-content .list-links p {
	display: inline;
}
/*nav tab*/
/*Workaround Table on tabs*/
.tab-content .tab-pane table
{
	width:100% !important;
}

/*#s4-workspace p {
    white-space: initial;
    min-width: 0;
}*/
@media (max-width: 500px) {
	#s4-workspace .tab-content table p {
		white-space: pre-wrap;
	} 
	
}
