@media ( min-width : 1331px) {
    #layout-menubar {
        width: 260px;
        border-right: solid 1px #272727;
    }
    #layout-menubar.slimmenu {
        width: 50px;
    }
    #layout-menubar-resize {
        display: none;
    }
}

@media ( min-width : 641px) and (max-width: 1330px) {
    #buttonArea {
        display: none;
    }
    #layout-menubar-resize {
        display: none;
    }
    /* Slim Search */
    #searchArea {
        width: 48px
    }
    #searchArea:hover {
        position: relative;
        background-color: #303030;
        width: 280px !important;
    }
    #searchArea:hover input {
        display: inline-block !important;
    }
    #searchArea i {
        margin-left: 6px;
        margin-right: 13px;
    }
    #searchArea:hover i {
        color: #FFD100;
    }
    #searchArea:hover input {
        border-bottom: 0px;
        margin-bottom: -1px;
    }

    /* Slim Menu */
    #layout-menubar {
        width: 50px;
        z-index: 999 !important;
    }
    #layout-menubar .layout-menubarinner-box {
        padding: 10px 9px;
    }
    #layout-menubar #layout-menubar-resize {
        float: left;
    }
    #layout-menubar .layout-menubar-container {
        width: 48px;
    }
    #layout-menubar .layout-menubarinner-box {
        width: 48px;
    }
    #layout-menubar .layout-menubarinner-box input {
        display: none;
    }
    #layout-menubar .layout-menubar-container>li {
        height: 50px;
        overflow: hidden;
    }
    #layout-menubar .layout-menubar-container>li:hover {
        position: relative;
        width: 330px;
        min-height: 50px !important;
        height: auto;
    }
    #layout-menubar li a {
        width: 300px;
        border-bottom: 1px solid #4D4D4D;
    }
    #layout-menubar li a:hover {
        color: #FFD100;
        padding-left: 25px;
    }
    #layout-menubar li:hover a {
        display: block;
        width: auto;
    }
    #layout-menubar .layout-menubar-container li a .i {
        margin-right: 20px;
    }

    /* RTL */
    .ui-sentinel-rtl .layout-menubar-container li a .i {
        padding-left: 15px !important;
        margin-right: 0.2em !important;
    }
    .ui-sentinel-rtl #searchArea {
        padding-right: 8%;
    }
}
/* .ContainerLblIndent {
	text-align: right;
} */

.gold{color:#edc474;}
.MarLeft05{ margin-left:5px;}

.BorBotGray{border-bottom: solid 1px #5A5A5A;}

#layout-portlets-footer {
	background-color: rgba(255, 255, 255, .7);
	overflow-y: hidden;
	padding-top: 0px;
	color: #72828B;
	overflow-x: auto;
}

#layout-menubar {
margin-right: 10px;
}

#layout-portlets-cover {
	background-color: rgba(255, 255, 255, .7);
	overflow-y: hidden;
	color: #72828B;
	overflow-x: auto;
	padding: 14px;
	display: block;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0 auto 160px;
	margin-right: 10px;
}

.bodyStyle {
	margin: 0px;
	/* background-image: url(""); 
	background-color: #3987c6;*/
	min-height: 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
		
	
}

.ui-carousel .ui-carousel-header {
	color:#FFD100;
	background: #253779;
	background: -moz-linear-gradient(top, #253779 0%, #0b66b1 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #253779), color-stop(100%, #0b66b1));
	background: -webkit-linear-gradient(top, #253779 0%, #0b66b1 100%);
	background: -o-linear-gradient(top, #253779 0%, #0b66b1 100%);
	background: -ms-linear-gradient(top, #253779 0%, #0b66b1 100%);
	background: linear-gradient(to bottom, #253779 0%, #0b66b1 100%);
}

#footer {
	float:left;
	margin:auto;
	width:99.96%;
	text-align:center;	
	font-size:.8em;
	font-family: 'titillium_webregular';
/* 	position:fixed;
 	bottom:0;
	left:0;
	right:0; */
/* 	padding:0px 20% 2% 20%; */
	color:#FFD100;
	background: #253779;
	background: -moz-linear-gradient(top, #253779 0%, #0b66b1 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #253779), color-stop(100%, #0b66b1));
	background: -webkit-linear-gradient(top, #253779 0%, #0b66b1 100%);
	background: -o-linear-gradient(top, #253779 0%, #0b66b1 100%);
	background: -ms-linear-gradient(top, #253779 0%, #0b66b1 100%);
	background: linear-gradient(to bottom, #253779 0%, #0b66b1 100%);
	
}
.transparentBack{background-color:rgba(255, 255, 255, .7);}

.photo-frame {
	background-color: rgba(255, 255, 255, .7);
	overflow-y: hidden;
	color: #72828B;
	overflow-x: auto;
	padding: 8px;
	display: block;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0 auto;
}

.layout-header-widgets li {
	width: 71px;
	font-weight: normal;
	background-color: rgba(255, 255, 255, 0);
}

.layout-header-widgets li:hover {
	background-color: rgba(255, 255, 255, 0);
	font-weight: bold;
}

.layout-header-widgets-submenu {
	width: 250px;
}

.layout-header-widgets-submenu li a {
	padding: 10px;
	display: block;
	text-align: left;
}


.ui-panel .ui-panel-titlebar, .ui-button-text, .ui-dialog .ui-dialog-titlebar {
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #1578c9 0%, #3d568c 100%) repeat scroll 0 0;
	color: #ffffff;
}

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

.customOneMenuForMobile {
	display: none;
}

/* MEDIA QUERIES **************************************************************************************************************** */
@media ( min-width : 1201px) {
}

@media ( min-width : 641px) and (max-width: 1200px) {
}

@media ( max-width :960px) {
	.customOneMenuForDesktop {
		display: none;
	}
	.customOneMenuForMobile {
		display: inline-block;
		width: 100%;
		position: relative;
		padding: 0px !important;
	}
	.customOneMenuForMobile select.ui-selectonemenu-label {
		border: 0 none;
		display: inline-block;
		width: 100%;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		padding: 6px !important;
	}
	.customOneMenuForMobile .ui-selectonemenu-trigger {
		pointer-events: none;
	}
}

/* Landscape phone to portrait tablet */
@media ( max-width : 960px) {
	.layout-header-widgets li {
		background-color: #0f446c;
	}
	.layout-header-widgets li:hover {
		background-color: #165686;
	}
}

@media ( min-width :220px) and (max-width: 960px) {
	#footer {
		display: none;
	}
	#layout-portlets-cover {
	margin: 0 auto 0;
	}
}
.black {
	color: #000000;
}

.modal-body {
	max-height: calc(100vh - 210px);
	overflow-y: auto;
	background: #ccdcea;
}

.FontBoldUnderLine {
	font-weight: bold;
	text-decoration: underline;
}

.rowcolorodd {
	background: #ffffff !important;
}

.rowcoloreven {
	background: #D9DCE0 !important;
}

.ui-carousel .ui-carousel-dropdown, .ui-carousel .ui-carousel-mobiledropdown {
    display : none;
}

.customLink {
    font-weight: normal !important;
    color: rgb(10, 42, 238) !important;
    text-decoration: none !important;
}

.customLink:hover {
    text-decoration: underline !important;
}
.ui-carousel .ui-carousel-viewport .ui-carousel-items {
 width: 50000px   
 }
 
.ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger, .ui-fluid .ui-selectcheckboxmenu-trigger {
    height: 31px !important;
} 

.ui-datatable tbody td.wrap {
    white-space: normal;
    } 
 .ui-datatable tbody td.wordwrap {   
white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -webkit-pre-wrap; /*Chrome & Safari */ 
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
white-space: pre-wrap;       /* css-3 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
word-break: break-all;
white-space: normal;
 }
}