/* Top C&S styles */
.TableRowItemNotActive {
    background-color: lightcoral !important;
}

/* BigTopic */
.BigTopic {
    color: #FFFFFF;
    display: block;
    width: 100%;
    border-bottom: solid 1px #00ADEF;
    padding: 10px 0px;
    margin-bottom: 10px !important;
    overflow: hidden;
    font-weight: bold;
    font-family: 'MB Corpo A Title Regular';
}

/* Text colors */
.red{color:#D0525D;}
.blue{color:#33AFDE;}
.green{color:#5FCF80;}
.orangeLight{color:#EFB10E;}
.orange{color:#F7941E;}
.yellow{color:#FFFF00;}
.white{color:#F1F6F9;}
.softgray{color:#C3CCD5;}
.gray{color:#778D9B;}
.black{color:#3B3D3F;}

/* Display */
.DispBlock{ display:block;}
.DispTable{ display:table; vertical-align:middle;}
.DispTableCell{ display:table-cell; vertical-align:middle;}
.DispNone{ display:none;}
.DispInlBlock{display:inline-block;}

/* Floating */
.Fleft{ float:left;}
.Fright{ float:right;}
.Fnone{ float:none !important;}

/* Margins */
.MarAuto{ margin-left:auto; margin-right:auto;}

/* Empty Boxes */
.EmptyBox5{ display:block; width:100%; height:5px; overflow:hidden;}
.EmptyBox10{ display:block; width:100%; height:10px; overflow:hidden;}
.EmptyBox20{ display:block; width:100%; height:20px; overflow:hidden;}
.EmptyBox30{ display:block; width:100%; height:30px; overflow:hidden;}
.EmptyBox40{ display:block; width:100%; height:40px; overflow:hidden;}
.EmptyBox50{ display:block; width:100%; height:50px; overflow:hidden;}
.EmptyBox60{ display:block; width:100%; height:60px; overflow:hidden;}
.EmptyBox70{ display:block; width:100%; height:70px; overflow:hidden;}
.EmptyBox80{ display:block; width:100%; height:80px; overflow:hidden;}
.EmptyBox90{ display:block; width:100%; height:90px; overflow:hidden;}
.EmptyBox100{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox110{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox120{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox130{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox140{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox150{ display: block; width: 100%; height:150px; overflow:hidden;}

/* Text Aligns */
.TexAlCenter{ text-align:center !important;}
.TexAlLeft{ text-align:left;}
.TexAlRight{ text-align:right !important;}

/* Padding With Transparent Border*/
.PadWithBorder1{ border:solid 1px transparent;}
.PadWithBorder2{ border:solid 2px transparent;}
.PadWithBorder3{ border:solid 3px transparent;}
.PadWithBorder4{ border:solid 4px transparent;}
.PadWithBorder5{ border:solid 5px transparent;}
.PadWithBorder10{ border:solid 10px transparent;}

/* Box Sizing */
.BoxSizeContent{ box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;}
.BoxSizeBorder{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

/* Font Sizes */
.Fs9{font-size:9px !important;}
.Fs10{font-size:10px !important;}
.Fs11{font-size:11px !important;}
.Fs12{font-size:12px !important;}
.Fs13{font-size:13px !important;}
.Fs14{font-size:14px !important;}
.Fs15{font-size:15px !important;}
.Fs16{font-size:16px !important;}
.Fs17{font-size:17px !important;}
.Fs18{font-size:18px !important;}
.Fs19{font-size:19px !important;}
.Fs20{font-size:20px !important;}
.Fs21{font-size:21px !important;}
.Fs22{font-size:22px !important;}
.Fs23{font-size:23px !important;}
.Fs24{font-size:24px !important;}
.Fs25{font-size:25px !important;}
.Fs26{font-size:26px !important;}
.Fs27{font-size:27px !important;}
.Fs28{font-size:28px !important;}
.Fs29{font-size:29px !important;}
.Fs30{font-size:30px !important;}
.Fs40{font-size:40px !important;}
.Fs50{font-size:50px !important;}
.Fs60{font-size:60px !important;}
.Fs80{font-size:80px !important;}
.Fs100{font-size:100px !important;}
.Fs130{font-size:130px !important;}

/* Font Type */
.FontBold{ font-weight:bold;}
.FontLight{ font-weight:lighter;}
.FontNormal{ font-weight:normal;}

/* Containers */
.Container100{ width:100%;  float:left;}
.Container96{ width:96%;  float:left;}
.Container90{ width:90%;  float:left;}
.Container85{ width:85%;  float:left;}
.Container80{ width:80%;  float:left;}
.Container75{ width:75%;  float:left;}
.Container70{ width:70%;  float:left;}
.Container60{ width:60%;  float:left;}
.Container50{ width:50%;  float:left;}
.Container40{ width:40%;  float:left;}
.Container33{ width:33.3%;  float:left;}
.Container30{ width:30%;  float:left;}
.Container25{ width:25%;  float:left;}
.Container20{ width:20%;  float:left;}
.Container10{ width:10%;  float:left;}
.Container5{ width:5%;  float:left;}

/* Making Unselectable Contents */
.Unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.MB-button-black {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    font-family: 'MB Corpo S Text Regular' !important;
}

.MB-button-white {
    background-color: #FFFFFF !important;
    color: #000000 !important;
    font-family: 'MB Corpo S Text Regular' !important;
}

.MB-button-blue {
    background-color: #00ADEF !important;
    color: #FFFFFF !important;
    font-family: 'MB Corpo S Text Regular' !important;
}

p {
    color: #FFFFFF !important;
    font-family: 'MB Corpo S Text Regular' !important;
}

div {
    color: #FFFFFF !important;
    font-family: 'MB Corpo S Text Regular' !important;
}

.span {
    color: #FFFFFF !important;
    font-family: 'MB Corpo S Text Regular' !important;
}

body .ui-widget {
    font-family: 'MB Corpo S Text Regular' !important;
}

body .ui-widget, body .ui-widget .ui-widget {
    font-family: 'MB Corpo S Text Regular' !important;
}

.main-body {
    background-color: #000000 !important;
}

a {
    color: #00ADEF !important;
    /*font-family: 'MB Corpo S Text Regular' !important;*/
    font-size: 13px !important;
}

.ui-tabs .ui-tabs-panel {
    background-color: #000000 !important;
    border-bottom: none !important;
}

body .ui-tabs.ui-tabs-top .ui-tabs-nav li a, body .ui-tabs.ui-tabs-bottom .ui-tabs-nav li a, body .ui-tabs.ui-tabs-left .ui-tabs-nav li a, body .ui-tabs.ui-tabs-right .ui-tabs-nav li a{
    background-color: #141719 !important;
    font-family: 'MB Corpo A Title Regular' !important;
    font-size: 16px !important;
    padding-bottom: 18px !important;
}

body .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-state-active a, body .ui-tabs.ui-tabs-bottom .ui-tabs-nav li.ui-state-active a, body .ui-tabs.ui-tabs-left .ui-tabs-nav li.ui-state-active a, body .ui-tabs.ui-tabs-right .ui-tabs-nav li.ui-state-active a {
    color: #ffffff !important;
    text-decoration: overline;
    text-decoration-color: #00ADEF !important;
}

.ui-tabs.ui-tabs-top>.ui-tabs-nav {
    background-color: #141719 !important;
    border: none !important;
}

.ui-fileupload-files {
    display: none !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-list {
    color: black !important;
}

.ui-selectonemenu .ui-selectonemenu-label {
    color: black !important;
}

.ui-datepicker .ui-datepicker-title {
    color: black !important;
}

.ui-datepicker th {
    color: #141719 !important;
}

.ui-datepicker table td a {
    color: #000000 !important;
}

.ui-datatable .ui-datatable-data tr.ui-datatable-even {
    background-color: #000000 !important;
}

.ui-datatable .ui-datatable-data tr.ui-datatable-odd {
    background-color: #000000 !important;
}

.ui-dialog .ui-dialog-titlebar {
    background-color: #000000 !important;
    border-radius: 0px !important;
}

.ui-dialog.ui-confirm-dialog .ui-dialog-content {
    background-color: #141719 !important;
}

.ui-dialog .ui-dialog-buttonpane {
    background-color: #000000 !important;
    border: none;
}

.layout-wrapper .layout-sidebar {
    visibility: hidden;
}

.layout-wrapper .topbar .topbar-menu > li > ul {
    background-color: #141719 !important;
}

.layout-wrapper .topbar {
    padding-top: 7px;
    padding-left: 7px;
    padding-right: 7px;
}

.layout-wrapper .topbar .topbar-menu.topbar-menu-visible {
    background-color: #000000 !important;
}

.ui-fileupload .ui-fileupload-buttonbar {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.ui-fileupload .ui-fileupload-content {
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.ui-autocomplete-emptyMessage {
    color: #000000 !important;
}

.css-shapes-user-photo {
    width: 100%;
    max-height: 212px;
    max-width: 212px;
    border-radius: 20px;
}

.css-shapes-candidate-photo {
    width: 100%;
    max-height: 50px;
    max-width: 50px;
    border-radius: 25px;
}

.css-shapes-post-cover {
    width: 100%;
    border-radius: 5px;
}

.ui-selectonemenu {
    min-width: 90% !important;
}

.p-field.p-grid>label {
    margin-bottom: 3px !important;
    display: flow-root !important;
    text-align: right !important;
}

.p-field.p-grid, .p-formgrid.p-grid {
    text-align: left;
}

@media (max-width: 768px) {
    .p-field.p-grid>label {
        text-align: left !important;
    }
}

.layout-wrapper .topbar .topbar-menu > li > a .topbar-badge{
    background-color: #ff0000 !important;
}

.ui-timepicker-div dl {
    font-family: 'MB Corpo S Text Regular';
    color: black;
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
    font-family: 'MB Corpo S Text Regular';
    color: black;
}

.ui-dialog .ui-dialog-content {
    background-color: #141719 !important;
    border: none;
}

.ui-dialog {
    border: none !important;
    border-radius: 0px !important;
}

.ui-paginator.ui-paginator-bottom {
    color: black !important;
}

.ui-paginator.ui-paginator-bottom a {
    color: black !important;
}

.ui-selectcheckboxmenu-item label {
    color: black !important;
}

.ui-fieldset {
    background: transparent !important;
}

.ui-inputswitch .ui-inputswitch-on {
    background-color: #00ADEF !important;
}

.ui-slider.ui-slider-horizontal .ui-slider-handle {
    background-color: #2e435d !important;
}

.ui-slider .ui-slider-range {
    background-color: #00ADEF !important;
}

.printerStyle {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    color: #000000 !important;
}

.feedbackHistory {
    white-space: pre-wrap;
    max-height: 185px;
    min-height: 145px;
    width: 95% !important;
    border: solid;
    overflow-y: scroll;
    border-width: thin;
    margin-top: 8px;
}