@charset "utf-8";

.logo-lg img {
	width: 35px;
	height: 35px;
	margin-right: 5px;
}


/* LOADING //////////////////////// */
div#loading {
	z-index: 10000;
	position: fixed;
	top: 100px;
	right: 20px;
	padding: 4px 10px 5px 10px;
	border-radius: 4px;
	color: aliceblue;
	background: #4E4E4E;
	opacity: 0.8;
	display: none;
}

/* LOADING //////////////////////// */

/*bootstrap edit*/
.input-group-addon.primary {
	color: rgb(255, 255, 255);
	background-color: rgb(50, 118, 177);
	border-color: rgb(40, 94, 142);
}

.input-group-addon.success {
	color: rgb(255, 255, 255);
	background-color: rgb(92, 184, 92);
	border-color: rgb(76, 174, 76);
}

.input-group-addon.info {
	color: rgb(255, 255, 255);
	background-color: rgb(57, 179, 215);
	border-color: rgb(38, 154, 188);
}

.input-group-addon.warning {
	color: rgb(255, 255, 255);
	background-color: rgb(240, 173, 78);
	border-color: rgb(238, 162, 54);
}

.input-group-addon.danger {
	color: rgb(255, 255, 255);
	background-color: rgb(217, 83, 79);
	border-color: rgb(212, 63, 58);
}

/*5th column Bootstrap*/
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-xs-5ths {
	width: 20%;
	float: left;
}

@media (min-width: 768px) {
	.col-sm-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width: 992px) {
	.col-md-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width: 1200px) {
	.col-lg-5ths {
		width: 20%;
		float: left;
	}
}

.info-box.info-box-sm {
	min-height: 45px;
	margin-bottom: 15px;
	font-size: 15px;
	display: inline-flex;
}

.info-box.info-box-sm small {
	font-size: 12px;
}

.info-box.info-box-sm .info-box-icon {
	height: 52px;
	width: 52px;
	font-size: 27px;
	line-height: 52px;
}



/*OTHER CSS*/
@media (max-width:767px) {
	h1 small {
		display: none !important;
	}

	ol.breadcrumb {
		display: none !important;
	}

	.row .inner h3 {
		font-size: 22px;
	}

	.notMobile {
		display: none;
	}

	.mobile {
		display: block;
	}

	.tbl_left,
	.tbl_right {
		width: 98% !important;
		margin: 1%;
	}

	.tbl_left2 {
		width: 30% !important;

	}

	.tbl_right2 {
		width: 70% !important;

	}
}

@media (min-width:768px) {
	h1 small {
		display: inline-block !important;
	}

	ol.breadcrumb {
		display: block !important;
	}

	.mobile {
		display: none;
	}
}

@media (max-width:910px) {
	#fLinks2 {
		display: none;
	}
}

@media (min-width:911px) {
	#fLinks2 {
		display: block;
	}
}

/* MORE */
#subContent {
	min-height: 500px;
}

form .box-body {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}

.inner h3 {
	font-size: 36px;
}

.ov_tile {
	font-weight: normal;
}

.takeSurvey,
.surveyOption {
	cursor: pointer;
}

.info-box-text2 {
	font-weight: normal;
	font-size: 12px;
}

.info-box-text3 {
	font-weight: normal;
	font-size: 14px;
}

#subMenuBar {
	padding: 0px 3px 2px 3px;
}

h3 small {
	color: #3c8dbc !important;
}

#subMenu {}

#subMenu2 {
	margin-top: 2px;
}

#dateFilter {
	padding-top: 4px;
}

#dateFilter input {
	float: left;
	margin-top: 1px;
}

#dateFilter #fDate1,
#dateFilter #fDate2 {
	width: 100px;
}

#dateFilter #searchClient {
	width: 30%;
}

/*
		#dateFilter #filterBtn{
			float:left;
			margin-top: 1px;
			margin-left:4px;
		}
		*/
#dateFilter #fTo {
	width: 20px;
	float: left;
	text-align: center;
	font-size: 14px;
	padding-top: 6px;
}

#fLinks {
	float: left;
	margin-left: 10px;
	font-size: 14px;
	padding-top: 6px;
	margin-top: 0;
}

#fLinks2 {
	float: left;
	margin-left: 10px;
	font-size: 14px;
}

#fLinks3 {
	float: left;
	margin-left: 10px;
	font-size: 14px;
}

#msg {
	font-weight: normal;
}

.sentMail {
	font-weight: bold;
	font-size: 14px;
}

.msg2 {
	/*color:#D50003;*/
	padding-top: 5px;
	margin-left: 10px;
}

.ledger {
	cursor: pointer;
}

.ledger:hover {
	text-decoration: underline;
}

.mnyBox {
	font-size: 14px;
}

.mny {
	font-size: 14px !important;
	color: #DD7C00;
}

input#expDate {
	width: 150px !important;
}

label.expLabel {
	padding-top: 5px;
	padding-right: 10px;
}

#dyn_main_left .box-header {
	border-bottom: 1px solid #CBCBCB;
}

#dyn_main_left {
	display: table;
	width: 100%;
}

.sum {
	font-weight: bold;
	font-size: 16px;
	background: #E8E8E8;
}

.dateRange {
	font-size: 14px;
	color: #3C8DBC;
}

tr.viewExpnese,
tr.viewClient,
tr.viewLSE {
	cursor: pointer;
}

tr.viewExpnese2 {
	cursor: default;
}

tr.viewExpnese:hover,
tr.viewClient:hover {
	background: #33a2ff !important;
	color: #FFFFFF;
}

tr.viewLSE:hover {
	background: #D0D5ED !important;
}

tr.viewExpnese2:hover {
	background: #339E35 !important;
	color: #FFFFFF;
}

.tbl_label {
	color: #3C8DBC;
	padding-top: 4px;
}

#frmChargeBlock {
	display: none;
}

.box_middle {
	display: block;
	width: 175px;
	height: 35px;
	margin: auto !important;
}

.inputLeft {
	float: left;
	width: 49%;
}

.inputRight {
	float: right;
	width: 49%;
}

.inputLeft2 {
	float: left;
	width: 79%;
}

.inputRight2 {
	float: right;
	width: 19%;
}

.textAreaSmall {
	width: 100% !important;
	height: 80px !important;
}

.frmTitle {
	color: #ffffff;
	font-size: 16px;
	background: #3C8DBC;
	padding: 5px 10px;
}

.floated {
	display: block !important;
	min-height: 34px;
}

.letterSpacing {
	letter-spacing: 2px;
	word-spacing: 5px;
}

.uppercase {
	text-transform: uppercase;
}

.full-width {
	width: 100% !important;
}

.bolden {
	font-weight: bold;
}

.hidden {
	display: none;
}

#rightPanelContent {
	width: 100%;
	min-height: 442px;
	display: table;
}

.tbl_equal {
	width: 100%;
	display: table;
	/*
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	*/
}

.tbl_equal:first-child {
	border-top: 1px solid #CCCCCC;
}

.tbl_equal .tbl_row {
	width: 100%;
	display: table;
	border-bottom: 1px solid #CCCCCC;
	padding: 10px 0;
}

.tbl_row .tbl_left {
	width: 49%;
	margin-left: 1%;
	float: left;
	display: table;
}

.tbl_row .tbl_right {
	width: 49%;
	margin-right: 1%;
	float: right;
	display: table;
}

.tbl_left div:first-child,
.tbl_right div:first-child {
	width: 30%;
	float: left;
}

.tbl_left div:last-child,
.tbl_right div:last-child {
	width: 70%;
	float: right;
	font-weight: bold;
}

.tbl_left2 {
	width: 15%;
	float: left;
}

.tbl_right2 {
	width: 85%;
	float: right;
	font-weight: bold;
}

.tbl_full {
	width: 99%;
	margin-left: 1%;
}

.title {
	font-size: 16px;
	padding: 5px 1% 5px 1%;
	width: 100%;
	color: #FFFFFF;
	background: #3C8DBC;
}

#btnManage {
	margin-top: 20px;
	margin-left: 20px;
}

#btnDeactivate {
	margin-top: 20px;
	margin-right: 20px;
	float: right;
}

.space {
	height: 20px;
	width: 100%;
}

#errorPanel {
	min-height: 500px;
}

.error {
	font-size: 36px;
	text-align: center;
	padding: 80px 0;
}

.red {
	color: #FF0000;
}

.tabbed {
	float: right;
	padding-left: 20px;
}

.fiftyFifty {
	display: table;
	width: 100%;
	margin-bottom: 4px;
}

.fiftyFifty input,
.fiftyFifty select {
	width: 49.5%;
}

.fiftyFifty:last-child {
	float: right;
}

.centered {
	text-align: center !important;
}

.squeeze {
	margin: -6px 0;
}

.squeeze2 {
	margin: -4px 0 -4px 0;
}

.squeeze3 {
	margin: -6px 0 -4px 0;
}

.titleMsg {
	color: #FF0000 !important;
	font-size: 14px;
}

.titleMsg2 {
	color: #1E4DE4;
	font-size: 16px;
	font-weight: bold;
}

.outMargin {
	margin: 10px 1%;
	display: table;
	width: 98%;
}

.leftPanel {
	display: block;
	width: 49.8%;
	float: left;
}

.rightPanel {
	display: block;
	width: 49.8%;
	float: right;
}

.currentYear {
	font-size: 18px;
	margin: 0px 5px;
}

.fixedDeposit {
	font-weight: bold;
	color: blue;
}

.ov_tile {
	cursor: pointer;
}

#init {
	display: inline-block;
	font-size: 14px;
	margin-top: 15px;
	color: #FFED00;
}

#init .nos {
	font-weight: bold;

}

.label1 {
	text-align: right !important;
	margin-left: 15px;
	font-weight: bold;
	padding-top: 5px;
}

.label2 {
	text-align: left !important;
	margin-left: 15px;
	font-weight: bold;
	padding-top: 5px;
}

#msgInfo {
	color: blue;
}

/*  2020  */
.red {
	color: red !important;
	background: none !important;
}

.green {
	color: #0B7410 !important;
	background: none !important;
}

.orange {
	color: #E07600 !important;
	background: none !important;
}

.blue {
	color: #0B4474 !important;
	background: none !important;
}

.padded {
	padding: 10px;
}

.spacedTop {
	margin-top: 10px;
	display: table;
	width: 100%;
}

.spacedTop2 {
	margin-top: 15px;
	display: table;
	width: 100%;
}

.spacedTop3 {
	margin-top: 20px;
	display: table;
	width: 100%;
}

.spacedBottom {
	margin-bottom: 10px;
	display: table;
	width: 100%;
}

.spacedAllOut {
	width: 96%;
	margin: 15px 2%;
}

.btn-squeeze {}

.italics {
	font-style: italic;
}

.tbl-label {
	background: #DBDBDB;
}

.tbl-label:first-child {
	width: 20%;
	border-left: #EBEBEB solid 1px;
}

.tbl-value {
	width: 30%;
	text-align: left !important;
	border-right: #EBEBEB solid 1px;
}

.subMenuRight {
	float: right !important;
	/*width: 49% !important;*/
}

.subMenuContent {
	display: table;
	float: right;
}

.inputNoMembers {
	width: 50px !important;
}

.surveyTitle {
	font-size: 14px;
	padding-bottom: 20px;
}

.surveyTitle .titleText {
	position: absolute;
	font-size: 16px;
	padding-top: 10px;
}

.surveyBlock {
	font-size: 12px;
}

textarea#answer {
	min-height: 120px;
}

.survqn-title {
	font-size: 18px;
}

.survqn-question {
	font-size: 16px;
	font-weight: normal;
}

.bridge {
	cursor: pointer !important;
}

.bg-gold {
	background: #FFD700 !important;
}

.caps {
	text-transform: uppercase !important;
	text-transform: capitalize !important;

}

/* 20.06.2020 - Registry/Faculty/Programs */
.lst-container {
	display: block;
	width: 100%;
}

.lst-box {
	display: table;
	width: 100%;
	border: 0;
	min-height: 25px;
}

.lst-item {
	display: table;
	width: 100%;
	font-size: 14px;
	cursor: pointer;
	padding: 8px 15px;
	border-left: 1px dashed #CFCFCF;
	border-top: 1px dashed #CFCFCF;
	border-right: 1px dashed #CFCFCF;
}

.lst-box:last-child {
	border-bottom: 1px dashed #CFCFCF;
}

.lst-item:hover {
	background: #359BE4;
	color: #FFFFFF;
}

.lst-pos {
	float: left;
	width: 30px;
}

.lst-cuid {
	float: left;
	width: 50px;
}

.lst-name {
	float: left;
	font-weight: normal;
}

/*details area*/
.lst-details {
	display: table;
	width: 100%;
	font-size: 12px;
	padding: 8px 15px 8px 45px;
	border-left: 1px dashed #CFCFCF;
	border-right: 1px dashed #CFCFCF;
}

.det-item-head {
	display: table;
	width: 100%;
	padding: 5px 15px;
	border-left: 1px dashed #000;
	border-top: 1px dashed #000;
	border-right: 1px dashed #000;
	background: #000000;
	color: #FFFFFF;
}

.det-item,
.det-item2 {
	display: table;
	width: 100%;
	padding: 5px 15px;
	border-left: 1px dashed #B1B1B1;
	border-right: 1px dashed #B1B1B1;
	border-bottom: 1px dashed #B1B1B1;
}

.det-item:hover {
	background: #DDDDDD;
}

.det-pos {
	float: left;
	width: 25px;
	text-align: center;
}

.det-year {
	float: left;
	width: 60px;
	text-align: center;
}

.det-cuid {
	float: left;
	width: 60px;
}

.det-cuid2 {
	float: left;
	width: 80px;
}

.det-qualy {
	float: left;
	width: 100px;
	font-weight: normal;
}

.det-name {
	float: left;
	font-weight: normal;
}

.det-last {
	float: right;
	font-weight: normal;
}

/*29.06.2020 - Excel Forms*/
#excelRows {
	font-weight: normal;
}

.font-normal {
	font-weight: normal;
}

#excelRows thead {
	font-weight: bold !important;
	background: #000000;
	color: #FFFFFF;
}

/*01.07.2020 - Custom Bootstrap table*/
/*
table.table-sofitech1{
	width:100%;
}
table.table-sofitech1 thead th, table.table-sofitech1 th{
	padding:8px 15px;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	padding-left:10px;
	padding-right:10px;
	background:#000000;
	color:#FFFFFF;
	cursor:default;
}
table.table-sofitech1 tbody td, table.table-sofitech1 td{
	border-left:1px dashed #CFCFCF;
	border-right:1px dashed #CFCFCF;
	border-bottom:1px dashed #CFCFCF;
	padding-left:10px;
	padding-right:10px;
	
	font-weight:normal;
}
table.table-sofitech1 tr.spaced td{
	padding-top:8px;
	padding-bottom:8px;
}
	table.table-sofitech1 tr.spaced td div, table.table-sofitech1 tr.spaced td img{
		margin-top:-8px;
		margin-bottom:-7px;
	}
table.table-sofitech1 tbody tr:hover, table.table-sofitech1 tr:hover{
	background:#359BE4;
	color:#FFFFFF;
	border-left:1px solid #359BE4;
	border-right:1px solid #359BE4;
	border-bottom:1px solid #359BE4;
	cursor:pointer;
}
table.table-sofitech1 .bold{
	font-weight:bold;
}
table.table-sofitech1 .centered, table.table-sofitech1 .center{
	text-align:center;
}
table.table-sofitech1 .left{
	text-align:left;
}
table.table-sofitech1 .right{
	text-align:right;
}
table.table-sofitech1 .fit{
    width:1%;
    white-space:nowrap;
}
table.table-sofitech1 .fit .btn-group{
  display: flex;
}
*/
table.table-sofitech1 {
	width: 100%;
	border-right: 1px dashed #CFCFCF;
}

table.table-sofitech1 thead th,
table.table-sofitech1 th {
	border: 1px solid #000;
	background: #000000;
	color: #FFFFFF;
	cursor: default;
	vertical-align: middle;
}

table.table-sofitech1.green-head thead th,
table.table-sofitech1.green-head th {
	border: 1px solid #155300 !important;
	background: #155300 !important;
	color: #FFFFFF;
	cursor: default;
	vertical-align: middle;
}

table.table-sofitech1 tbody td,
table.table-sofitech1 td {
	/* border:1px dashed #CFCFCF; */
	border: 1px dashed #000;
	font-weight: normal;
}

table.table-sofitech1 tr td img {
	margin-top: -7px;
	margin-bottom: -7px;
}

/*
	table.table-sofitech1 tbody tr:hover, table.table-sofitech1 tr.hover:hover{
		background:#359BE4;
		color:#FFFFFF;
		cursor:pointer;
	}
	*/
.table-hover.table-sofitech1 tr:hover {
	background: #359BE4;
	color: #FFFFFF;
	cursor: pointer;
}

.table-sofitech1 tr td>div {
	margin-top: -6px;
	margin-bottom: -8px;
	margin-left: -6px;
	margin-right: -6px;
}

table.table-sofitech1 .bold {
	font-weight: bold;
}

table.table-sofitech1 .centered,
table.table-sofitech1 .center {
	text-align: center;
}

table.table-sofitech1 .left {
	text-align: left;
}

table.table-sofitech1 .right {
	text-align: right;
}

table.table-sofitech1 .fit {
	width: 1%;
	white-space: nowrap;
}

table.table-sofitech1 .fit .btn-group {
	display: flex;
}

.model-row {
	width: 100%;
	display: table;
}

/*22-07-2020 - Fix Modal Vertical allignment*/
.vertical-alignment-helper {
	display: table;
	height: 100%;
	width: 100%;
	pointer-events: none;
	/* This makes sure that we can still click outside of the modal to close it */
}

.vertical-align-center {
	/* To center vertically */
	display: table-cell;
	vertical-align: middle;
	pointer-events: none;
}

.modal-content {
	/* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
	width: inherit;
	max-width: inherit;
	/* For Bootstrap 4 - to avoid the modal window stretching full width */
	height: inherit;
	/* To center horizontally */
	margin: 0 auto;
	pointer-events: all;
}

.mailbox-read-message {
	min-height: 200px;
}

.selectYr {
	cursor: pointer;
}

.selectYr:hover {
	opacity: 0.8;
}

/*		Sweet Alert		*/
.swal-footer {
	text-align: center !important;
	margin-bottom: 20px !important;
}

.gero {
	border-top-left-radius: 19px !important;
	border-bottom-right-radius: 19px !important;

}

/*26.01.2021*/
.rpt_link,
.rpt_link2 {
	cursor: pointer;
}

.rpt_link:hover,
.rpt_link2:hover {
	background: #DDDADA;
}

.rpt_multichart {
	float: left;
	width: 50% !important;
}

.rpt_multichart_data {
	float: right;
	width: 48% !important;
}

.box-title.rpt {
	display: table;
	float: left;
	width: auto !important;
	padding-right: 5%;
}

/* 07.04.2021 */
#cookie-banner {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #FFC0C1;
	margin-bottom: 20px;
	opacity: 0.9;
}

#cookie-info {
	float: left;
	padding: 50px;
}

#cookie-button {
	float: right;
	background: #3432E0;
	color: #FCFCFC;
	padding: 10px 20px;
	cursor: pointer;
	margin: 40px 50px 40px 0px;
}

#cookie-button:hover {
	background: #7472E9;
}

#cookie-button:active {
	background: #221FCB;
}

@media (max-width:922px) {

	#cookie-info {
		width: 70% !important;
		padding-left: 10px !important;
		padding-right: 0px !important;
		margin-right: 0px !important;
	}

	#cookie-button {
		margin-right: 10px !important;
		margin-left: 0px !important;
	}
}

@media (max-width:500px) {

	#cookie-info {
		padding-top: 30px !important;
	}
}

.linkBack {
	float: right;
	font-size: 14px;
	padding: 4px 10px 4px 20px;
	color: #FFFFFF;
	background: #4352C7;
	cursor: pointer;
	border-radius: 4px 0 4px 0;
}

.linkBack:hover {
	background: #626ED0;
}

.linkBack:active {
	background: #3240AB;
}