/* New secure website styles */

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow: hidden; overflow-y: auto; font-weight: normal; font-style: normal; font-size: 100%; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
html.lt-ie9 {overflow:scroll}
html, input, select, textarea {font-family: 'Open Sans', sans-serif; color: #595a54;}
button {font-family: 'Open Sans', sans-serif; color: #ffffff;}
body { margin: 0; padding: 0;  line-height: 1.8; font-size: .9em; /*overflow-x: hidden; position: static !important;*/ -webkit-overflow-scrolling: touch;}
.lt-ie9 body {min-width: 1170px; overflow: visible;}
html, body {height: 100%;}


iframe {
	position:absolute;
}	
iframe#main {
	left:0px;
	top:0px;
	height: 100%;
	width: 100%;	
}
div#mainDiv {
	float:left;
}
.subMenu {
	/*	padding: .25em 0 .25em 25px; */ 
		cursor: pointer;
/*		background: url(../../images2/plus.png) no-repeat left center; */
}
/*.subMenu.minus {
		background: url(../../images2/minus.png) no-repeat left center; 
}*/
.nav-item.activeSec a:before {
	font-family: FontAwesome; 
	content: "\f054"; 
	position:absolute; 
/*	top: 30%; */ 
	left: 20px; 
	font-size: .8em; 
	color: #2684c0;
}	

.nav-item.level-1.activeSec a:before {
	font-family: FontAwesome; 
	content: "\f054"; 
	position:absolute;  
	left: 15px; 
	font-size: .8em; 
	color: #2684c0;
}	
/* Overide the normalize.css size to fit all the forms */	
.grid { 
	max-width: 1600px;
	height: 100%;
}	
	
.grid .three.columns {
	width: 15%;
}	

footer .slogan {	
	font-size: 1.5em
}	

footer .footer-disc {
	padding-bottom: 0em;
}

footer .footer-disc {
/*	background: #358CC2 url('./assets/base/images/footer-bg.png') top repeat-x; */
	background: #358CC2 url('../images/footer.jpg') top repeat-x; 
	z-index: 999;
	bottom: -9.5em; 
	padding-bottom: 0em;
}

footer .footer-disc .grid {position: relative; padding-left: 0;}
.footer-disc .logo {background: #FFF; padding: 1em 1em 1em 1.5em; border-radius: 4px;}
.footer-disc .copy {position: absolute; bottom: 0; color: #fff; right: 0;text-align: right;}
.menuHead {
	color: white;
	font-size: 1.1em	
}	

#footerLogo {
	width:100%;
}

/* Specific styles for the main web pages to keep the footer at the bottom of the page. */
html, body {
    margin:0;
    padding:0;
    height:100%;
    min-width: 1400px;
}
#cc_wrapper {
    min-height:100%;
    position:relative;
}
#cc_header {
    padding:10px;
    min-width: 1400px;
}
#cc_content {
    padding-bottom:141px; /* Height of the footer element.  Dependent on .main-content in styles.css */
}
#cc_footer {
    width:100%;
    max-height:141px;
    position:absolute;
    bottom: 0;
    left: 0;
}
/* END footer styles */
.home-container {
    height: 825px;
    width: 1200px;
    padding: 10px;
    margin-right: auto;
    margin-left: auto;
}

.top-div {
    border:1px solid #9e9e9e;
    border-radius: 15px;
    float: right;
    width: 100%;
    margin-bottom: 10px;
    margin-left: 10px;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
}



.left-div {
    border:1px solid #9e9e9e;
    border-radius: 15px;
    float: left;
    width: 49%;
    height: 200px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 20px;
}

.eft-left-div {
    border:1px solid #9e9e9e;
    border-radius: 15px;
    float: left;
    width: 49%;
    height: 675px;
    margin-top: 10px;
    margin-right: 10px;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 20px;
}

.mgt-left-div {
    border:1px solid #9e9e9e;
    border-radius: 15px;
    float: left;
    width: 49%;
    height: 625px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 20px;
}

.newUser-left-div {
    border:1px solid #9e9e9e;
    border-radius: 15px;
    float: left;
    width: 49%;
    height: 625px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 20px;
}

.user-left-div {
    border:1px solid #9e9e9e;
    border-radius: 15px;
    float: left;
    width: 49%;
    height: 875px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 20px;
}

.auth-left-div {
    border:1px solid #9e9e9e;
    border-radius: 15px;
    float: left;
    width: 49%;
    height: 825px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 20px;
}

.memb-left-div {
    border:1px solid #9e9e9e;
    border-radius: 15px;
    float: left;
    width: 49%;
    height: 500px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 20px;
}

.right-div {
    border:1px solid #9e9e9e;
    border-radius: 15px;
    float: right;
    width: 49%;
    height: 200px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

.eft-right-div {
    border:1px solid #9e9e9e;
    border-radius: 15px;
    float: right;
    width: 49%;
    height: 675px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
}
.create-right-div {
    border:1px solid #9e9e9e;
    border-radius: 15px;
    float: right;
    width: 49%;
    height: 600px;
    margin-top: 10px;
    margin-left: 10px;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

.mgt-right-div {
    border:1px solid #9e9e9e;
    border-radius: 15px;
    float: right;
    width: 49%;
    height: 625px;
    margin-top: 10px;
    margin-left: 10px;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

.user-right-div {
    border:1px solid #9e9e9e;
    border-radius: 15px;
    float: right;
    width: 49%;
    height: 875px;
    margin-top: 10px;
    margin-left: 10px;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

.auth-right-div {
    border:1px solid #9e9e9e;
    border-radius: 15px;
    float: right;
    width: 49%;
    height: 825px;
    margin-top: 10px;
    margin-left: 10px;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

.memb-right-div {
    border:1px solid #9e9e9e;
    border-radius: 15px;
    float: right;
    width: 49%;
    height: 500px;
    margin-top: 10px;
    margin-left: 10px;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

.inner-div {
    /*border:1px solid #9e9e9e;
    border-radius: 15px;*/
    float: left;
    width: 31%;
    margin: 10px;
    
    /*margin-top: 10px;
    margin-right: 10px;*/
    /*padding-top: 15px;
    padding-left: 10px;
    padding-right: 20px;*/
}

.eft-inner-div {
    border:1px solid #9e9e9e;
    border-radius: 15px;
    float: right;
    width: 100%;
    height: 300px;
    margin-top: 10px;
    padding-top: 15px;
    padding-left: 130px;
    padding-right: 20px;
    padding-bottom: 50px;
    background-color:#afd6e4
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
}

.web-btn-primary {
    color: #ffffff;
    background-color: #428bca;
    border-color: #357ebd;
}

.web-btn-success {
    color: #ffffff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.web-btn-warning {
    color: #ffffff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.web-btn-danger {
    color: #ffffff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.web-btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    user-select: none;
    -webkit-appearance: button;
    text-transform: none;
}

.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 99;
    border: 10px solid #f3f3f3; /*Light Grey */
    border-top: 10px solid #368dc4; /* Dark Blue */
    border-right: 10px solid #40A59D; /* Green */
    border-left: 10px solid #AFD6E4; /* Light Blue */
    border-bottom: 10px solid #E1CC5F; /* Yellow */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

/* Loading Spinner */
.dialogloader {
    position: absolute;
    left: 50%;
    top: 10%;
    z-index: 99;
    border: 10px solid #f3f3f3; /*Light Grey */
    border-top: 10px solid #368dc4; /* Dark Blue */
    border-right: 10px solid #40A59D; /* Green */
    border-left: 10px solid #AFD6E4; /* Light Blue */
    border-bottom: 10px solid #E1CC5F; /* Yellow */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

/* slider css*/

/* The switch - the box around the slider */
.switch2 {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    margin-left: 5px;
}

.switch2 .small {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 22px;
    margin-left: 5px;
}

/*Hide default HTML checkbox*/
.switch2 input {
    display: none !important;
}

/*The slider*/
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider.small:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input + .slider {
    background-color: #5cb85c;/*rgba(92, 184, 92, 0.4);*/ /*#d9edf7;*/ /*#AFD6E4;*/
}

input:checked + .slider {
    background-color: rgba(92, 184, 92, 0.4);/*#5cb85c;*/ /*#368dc4;*/
}

input:focus + .slider {
    box-shadow: 0 0 1px #368dc4;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

input:checked + .slider.small:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}

/*Rounded sliders*/
.slider.round {
    border-radius: 34px;
    margin-bottom: 3px;
}
/*Rounded sliders*/

.slider.round:before {
    border-radius: 50%;
}

.auth-div {
    border:1px solid #9e9e9e;
    border-radius: 15px;
    float: right;
    width: 100%;
    margin-bottom: 10px;
    margin-left: 10px;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
}

.auth-div-nb {
    float: right;
    width: 100%;
    margin-bottom: 10px;
    margin-left: 10px;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
}

.auth-inner-div {
    /*border:1px solid #9e9e9e;
    border-radius: 15px;*/
    float: left;
    width: 31%;
    margin: 10px;
    
    /*margin-top: 10px;
    margin-right: 10px;*/
    /*padding-top: 15px;
    padding-left: 10px;
    padding-right: 20px;*/
}