/* lato-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('lato-v25-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('lato-v25-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* lato-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/lato-v25-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/lato-v25-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
  *,body,html {
    padding:0;margin:0;
    font-family: 'Lato', sans-serif;
    box-sizing:border-box;
  }



/* header menu */
div.topMenuBg{
  height:130px;
  background-color:#2779BE;
  padding-left:50px;
  padding-right:50px;

}

div.topMenuBg .headerLogo{
  height:100px;
  background-color:#f2f9ff;
}


a.fp {
  text-decoration: none;  /* removes underline */
  color: rgb(42, 38, 112);         /* makes links use the parent text color */
}

a.fp:visited, a.fp:hover, a.fp:active, a.fp:focus {
  text-decoration: none;  /* prevent underline from reappearing */
  color: rgb(42, 38, 112);         /* prevent color change */
}

.btnStandardAcpohe {
    min-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 40px;
    background-color: rgb(5, 99, 179);
    display: inline-block;
    font-size: 16px;
    font-weight:bold;
    text-align: center;
    background-position: 0px center;
    color:white;
}

.topMenduLinks{
  float:right;
}

.round-img img{
  border-radius: 25px;
  border: 2px solid #fef0b4;
  margin-top: -5px;
}

.topMenuLink{
  float:right;
  border-left:1px solid #eeeeee;
  background-color:#FCBF1B;
  height:49px;
  margin-top:27px;
  line-height:49px;
  padding-right:10px;
  padding-left:10px;
  color:#231F43;
  font-size: 15px;
  font-weight: bold;
}


.rightMenu{
  float:right;
  margin-top:27px;
  list-style:none;
  height:100px;
  margin:0;
  line-height:100px;
}

.rightMenu li{
  float:right;
  padding:4px 8px;
}

/* topMenuSmall */

.topMenuSmall{
  height:0px;
  background:#0073BC;
  transition: height 2s;
  display:none;
  overflow:hidden;
}
.topMenuSmall > .links{
  list-style:none;
  display:block;
}
.topMenuSmall > .links > li{
 background:#0073BC;
 padding:16px;
 border-top:1px solid #0073BC;
}
.topMenuSmall > .links > li:hover{
  border-top:1px solid white;
  cursor:pointer;
}
.topMenuSmall > .links > li:hover a{
  color:white;

}
.topMenuSmall > .links > li > a{
  text-decoration:none;
  display:block;
  color:#E2CDA0;
  font-size:15px;
  font-weight: bold;
}
	#toggle_menu{
display:none;
}
	#toggle_menu a i{
font-size:30px;
}

div.topMenuLink:hover{
  background-color:#FEF0B2;
  cursor: pointer;
}






	/* slider */


label.switch {
	position: relative;
	display: inline-block;
	width: 52px;
	height: 22px;
}

label.switch input { 
	opacity: 0;
	width: 0;
	height: 0;
}

span.sliderRound {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .2s;
	transition: .2s;
	border-radius: 20px;
	left: 4px;
}

span.sliderRound:before {
	position: absolute;
	content: '';
	height: 18px;
	width: 18px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .2s;
	transition: .2s;
	border-radius: 50%;
}

input:checked + span.sliderRound {
	background-color: #A5B04C;
}

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


	/* welcome.php hub menu */


img.hub {
  width: 95px;
}

.hub-header {
  cursor: pointer;
  padding: 35px 35px 45px;
}

.hub-header-text-bg {
  padding: 35px;
  border-top: 1px solid #337AB7;
}

.hub-h4{
  font-weight:bold;
  color:#231F43;
  font-size: 1.5rem;
}

	/* main block */

  /* arrow title */
.newsArr {
  background: url('../images/headerArrow.svg');
  height: 50px;
  max-width: 500px;
  background-repeat: no-repeat;
  display: flex;
  padding-left: 40px;
  align-items: center;
}

p.acHeadArr {
  color: #fef0b4;
  margin:0px;
  font-size:120%;
  font-weight: bold;
}

  /* news blocks */

.newsHeader {
  font-size:140%;
}

.countdown-box {
  margin: 0px;
  background: rgb(30,124,204);
  background: linear-gradient(45deg, rgba(30,124,204,1) 0%, rgba(5,99,179,1) 100%);
  vertical-align: top;
  width: 250px;
  padding:10px;
  border-left: 3px solid #2a2670;
  float: left;
  margin-right: 20px;
}

.newsArr {
  background: url('../images/headerArrow.svg');
  height: 50px;
  max-width: 500px;
  background-repeat: no-repeat;
  display: flex;
  padding-left: 40px;
  align-items: center;
}

.newsCourseInfo{
  color:#fff;
  font-weight:bold;
}

.newsCourseHeader {
  font-size: 125%;
  margin-bottom: 8px;
  color: #FCBF1B;
}

.newsHeader {
  font-size:140%;
  text-decoration: underline;
}

.newsCourseBread{
  color:#fff;
}

/* ################################################## admin page style start ################################################## */

.sidebar .nav::-webkit-scrollbar{
  width: 12px;
  background-color: #F5F5F5;
}

.sidebar .nav::-webkit-scrollbar-thumb{
  background-image: -webkit-gradient(linear,
  left bottom,
  left top,
  color-stop(0.44, rgb(122,153,217)),
  color-stop(0.72, rgb(73,125,189)),
  color-stop(0.86, rgb(28,58,148)));
}

.link {
  position: relative;
  display: block;
  padding: 10px 15px;
  width: 300px;
  font-size: 14px;
}

.navbar-toggle{
  margin-top:16px;
}
.sidebar .nav li a{
	color:#fff;
	text-transform:capitalize;
}
.sidebar .nav li a:hover{
	background:#0073BC;
}

.modules-title a, .module-header a {
    padding: 6px;
    color: white;
    text-decoration: none;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 90%;
}

.modules-title a:hover,.module-header a:hover{
	color:black !important;
	background:white !important;
}

.trVisualsOdd {
  background-color: #eeeeee;
}



@media (min-width: 767px) {
    .sidebar {
        width: 220px;
    }
}


/* ################################################## calenderControl page style start ################################################## */
.calender-header .calender-header-title{
	border-bottom:1px solid #d8d8d8;
}
.calender-header .addNewEvent{
	border-bottom:1px solid #d8d8d8;
}
.calender-header .line{
height:20px;
}
.calender-header .prev-date{
height:50px;
width:15%;
}
.calender-header .prev-date a{
	float:left;
}
.calender-header .current-date{
	margin:0px; padding:0px;
}
.calender-header .next-date{
	width:15%;
}
.calender-header .next-date a{
	float:right;
}
.calender-main .cal{
width:14%;
}
.calender-main .cal-small{
	text-align:center;font-size: 9pt;height:30px;line-height:30px;
}
.emptyCal-small{
	height: 15px;border:1px solid #C0C0C0;background:#0073BC;
}
.dayexists-small{
	border:1px solid #C0C0C0;text-align:center;line-height:30px;font-size: 8pt; height: 30px; padding: 2px;
}


.calender-main {
  width: 100%;
  background-color: #f4f4ff;
  border-collapse: separate;
}

.dayexist-sm {
//  font-size: small;
  padding: 0px;
  text-align:center;
  background-color: #fff;
  height: calc((100vw / 12) * 0.19);
}

h3.current-date{
  font-size: 135%;
  margin-bottom: 10px !important;
  text-align:center !important;
}

	/* sections? */

.section-hub-body{
	background: #fff;
	margin:0px;
}

.categoryTab{
  background-color: #0563b3;
  padding:0px;
}

	/* edit */

.categoryTab{
  background-color: #fff;
}


.categoryTab-body{
  cursor:pointer;
  background:white;
  box-sizing:border-box;
  height:100%;
  border-radius: 9px;
  padding: 9px;
}
	/* edit */

.categoryTab-body{
  background: #1E7CCC;
  background: linear-gradient(320deg,rgba(30, 124, 204, 1) 0%, rgba(5, 99, 179, 1) 100%);
  color: #fff;
  padding: 25px 0px;
  box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.49);
  -webkit-box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.49);
  -moz-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.49);
}

.categoryTab-body .child1 .child1-inner{
  width:100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 120px;
}

p.desc {
  margin:0px;
}

h3.title {
  margin-top: 15px;
}

h3.cardTitle {
  color: #231F43;
  font-size: 24px;
  text-decoration: underline;
}

h3.cardTitle {
  color: #FCC123;
}


.cal.Today{
	color:white;
	background:#154360;
}

.dayexist-sm {
//  font-size: small;
  padding: 0px;
  text-align:center;
  background-color: #fff;
  height: calc((100vw / 12) * 0.19);
}

.Cal{
  padding: 3px 1px;
}

/* ################################################## Resources ############################################### */

.modules-title {
	padding:16px;
	background:#0073BC;
	box-sizing:border-box;color:white;font-weight:bold;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-content:center;
	font-size:20px;
	font-weight:bold;
}

                        .collBigImg {
                            background-color: #ffffff;
                            border-radius: 3px;
                            text-align: center;
                            height: 75px;
                            width: 170px;
                            background-image: url(images/GI_Joe/gijoe_1985_airtight.jpg);
                            background-position: center;
                            background-repeat: no-repeat;
                            background-size: contain;
                            margin: 10px 10px 0px 0px;
                        }





button.searchButton {
    background-color: rgba(0, 203, 255, 0.3);
    border: 1px solid rgba(0, 203, 255, 0.3);
    border-left: none;
    padding: 6px 16px;
    border-radius: 0 5px 5px 0;
    margin: 8px 0px;
    height: 37px;
    width: 53px;
    background-image: url(../images/magnifyingGlass.svg);
    background-size: 22px 22px;
    background-position: center;
    background-repeat: no-repeat;
}

  .actionButton{
    border: 1px solid #777;
    background-color: #FCBF1B;
    height: 32px;
    margin: 0px;
    padding: 0px 10px;
    color: #231F43;
    cursor: pointer;
    font-size: 100%;
  }

  .actionButton:hover {
    background-color: #fef0b4;
  }


.ani {
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}

.ani150 {
	-webkit-transition: all 150ms ease-out;
	-moz-transition: all 150ms ease-out;
	-o-transition: all 150ms ease-out;
	transition: all 150ms ease-out;
}


input[type='text'].searchBar {
    width: calc(100% - 22px);
    padding: 6px;
    border: 1px solid rgba(0, 203, 255, 0.3);
    margin: 8px 0px 8px 15px;
    border-radius: 5px 0px 0px 5px;
    font-size: 90%;
    font-weight: normal;  
}

 select {
    padding: 6px;
    border: 1px solid rgba(0, 203, 255, 0.3);
    margin: 8px 13px;
    font-size: 90%;
    font-weight: normal;
}






/* ################################################## reset-password and forgot-password page style start ############################################### */

.reset-password-main{
	width:100%;
	height:100vh;
	background-color: #194384;
}
.reset-password-main .panel{
	width: 30%;
	margin:auto;
	margin-top:200px;
    box-shadow: 1px 1px 10px 10px #888888 ;
}


/* ################################################## discussion page style start ################################################## */
.modal-dialog-discussion{
	height:320px;
}
.discussion-main .pEleButtonSubmit{
	float:right;padding:8px;background:#0073BC;margin-bottom:10px;color:#fff;cursor:pointer;
}
.discussion-main .discussion{
	clear:both; white-space: nowrap; margin-top:10px; margin-bottom:10px;
}
.discussion-main table.dboard{
   border:none;
   width:100%;
}
.discussion-main table tr.dboard img{
	width:34px;height:31px;position:relative;top:0px;left:16px;
}
.discussion-main table tr.dboard .TotalPosts{
width:20px;display:inline-block;
}
.discussion-main table tr.dboard .deleteIcon{
	font-size:24px;color:gray;margin-right:10px;margin-top:10px;
}


/* ################################################## discussionBoards style start ############################################### */

.discussion_boards{
	background-color:#ffffff;
  overflow: hidden;
  padding-top:0px;
  padding-bottom:20px;
  padding-left:15px;
  padding-right:15px;
}
.discussion_boards .modalHeader table tr{
	background:#0073BC
}
.discussion_boards div{
	border:0px;
  clear:both;
  width:100%;
  float:left;
}
.discussion_boards div  .title{
	margin-top:15px;
  margin-bottom:15px;
  font-size:20px;
  font-weight:bold;
}
.discussion_boards div .modalHeader{
	margin:0px;
	padding:0px;
}
.discussion_boards div .modalHeader table{
	width:100%;
	border-collapse: collapse;
}
.discussion_boards div .modalHeader table tr,.dboard tr th{
}

.discussion_boards div .modalHeader table tr th{
  color:#ffffff;
  padding-left:15px;
  text-align:left;
  height:40px;
  width:25%;
}
.dboard tr th{
	padding-left:15px;
	text-align:left;
  height:40px;
  width:20%;
}

.discussion_boards div .modalBody tr td{
	padding-left:15px;
	text-align:left;
  height:40px;
  width:25%;
}
table {
	border-collapse: collapse;
}
table tbody .dboard{
	border:1px solid gray;
	cursor: pointer;
}
.dboard tr td{
	padding-left:15px;
	text-align:left;
  height:40px;
  width:20%; line-height:40px;
  border:white 1px solid;
}
.discussion_boards div table .nuneven,.dboard .uneven{
  background-color:#EDEDED;
  line-height:40px;
}
.discussion_boards div table tr td,.dboard tr td{
  padding-left:15px;
}



/* ################################################## footer style start ############################################### */

.footer-container{
	background-color:#2779BE;
	padding-top:20px;
	display:flex;
	flex-direction:row;
  flex-wrap:wrap;
}
.footer-container table{
	height:160px;
	flex-basis:32%;
	width:32%;
	margin:6px;
}
.footer-container table h4{
	margin-bottom:10px;
	font-size:16px;
}
.footer-container table tr td{
	color:#ffffff;
}
.footer-container .table_third p{
	font-size: 16px;
  line-height: 1.5;
}
.table_second ul{
	list-style:none;
}
.table_second ul li label{
	width:40px;
}
.table_second ul li{
	font-size: 16px;
  line-height: 1.5;
}

/* ################################################## modal style start ############################################### */

div.modalt {
  position: fixed;
  z-index: 3;
  padding-top: 100px;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
//  background-color: rgba(0,0,0,0.45);
}

div.modalBg {
  background-color: rgba(0,0,0,0.85);
  position: fixed;
  z-index: 3;
  width: 100%;
  height: 100vh;
  align-items: center;
  justify-content: center;
  display:block;
}

div.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 65%;
  max-width: 65%;
  text-align: left;
  background: #194384;
  box-shadow: 31px 31px 31px 10px rgba(0,0,0,0.49);
  -webkit-box-shadow: 31px 31px 31px 10px rgba(0,0,0,0.49);
  -moz-box-shadow: 31px 31px 31px 10px rgba(0,0,0,0.49);
  border-radius: 6px;
}

div.modalSmall {
  width:30%;
  opacity: 1;
  pointer-events: auto;
  opacity: 1;
  transform: translateY(0);
}

div.hiddenModal {
  pointer-events:none;
  opacity: 0;
  transform: translateY(8px);
  display:none;
}


@media only screen and (min-width: 1124px) {
  .topMenuSmall{
   display:none;
   max-height:0px;
 }
}
@media only screen and (max-width: 1124px) {
		#topMenduLinks{
 display:none;
}
		#toggle_menu{
display:block;
}
		#toggle_menu{
border:1px dashed white;
height:40px;
width:40px;
position:relative;
top:30px;
left:0;
}
		#toggle_menu a i{
position:absolute;
top:4px;
left:4px;
color:#005daa;
}
		#toggle_menu:hover{
border:1px dashed #2779BE;
}
		#toggle_menu a i:hover{
color:yellow;
}
}


.round-img img{
  position:relative;
  top:30;

}



@media only screen and (max-width: 778px) {
  .round-img{
   width:40px;
 }

  div.topMenuBg{
	padding-left:10px;
	padding-right:10px;
  }
}

@media only screen and (max-width: 576px) {
  .rightMenu{
    float:right;
    margin-top:27px;
    list-style:none;
    height:100px;
    margin:0;
    line-height:100px;
    width: 100%;
  }
}

/*





label {
  margin-bottom: 0px;
}

.hub-footer a:visited{
  color:#62ABEA !important;
}
        
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 9999;
  width: 120px;
  height: 120px;
  margin: -76px 0 0 -76px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #333;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  position: fixed;
}
  
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
  
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
  
.calover_all , .calpersonal, .calAGM, .calACPOHE, .calWebinars, .calExternal{
  background-color:#add8e6;
}

.topmenuBtn {
  line-height: 20px;
  background: #FCBF1B;
  padding: 4px 16px;
  border-radius: 5px;
  height: 30px;
  border:none;
  cursor: pointer;
}

td.loginFormCell {
  padding: 2px 5px;
}

.Cal{
  padding: 7px;
}

.calUnknownThingy{
  display: grid;
  grid-template-columns: auto auto;
  text-align: center;
  max-width: 150px;
  margin: auto;
  padding: 10px 0px;
}

.calover_all, .calPersonal, .calAGM, .calACPOHE, .calWebinars, .calExternal {
  background-color:#add8e6;
  padding:3px;
  background-color:#fff;
}

  .icon .fa-eye {
    position: absolute;
    left: 43px;
    top: -1px;
    background: green;
    color: white;
    border-radius: 20px;
    padding: 6px 4px;
    cursor: pointer;
}

.icon  .fa-eye-slash {
    position: absolute;
    left: 43px;
    top: -1px;
    background: grey;
    color: white;
    border-radius: 20px;
    padding: 6px 4px;
    cursor: pointer;
}

.text a:hover{
  color: #007bff !important;
}

.dayexist-sm {
//  font-size: small;
  padding: 0px;
  text-align:center;
  background-color: #fff;
  height: calc((100vw / 12) * 0.19);
}

.col-small {
  padding: 0px !important;
}

.calender-main {
  width: 100%;
  background-color: #f4f4ff;
  border-collapse: separate;
}


h3.current-date{
  font-size: 135%;
  margin-bottom: 10px !important;
  text-align:center !important;
}

.calender-header{
  width: 100%;
}

p.acHeadArr {
  color: #fef0b4;
  margin:0px;
  font-size:120%;
  font-weight: bold;
}

.newsArr {
  background: url('../images/headerArrow.svg');
  height: 50px;
  max-width: 500px;
  background-repeat: no-repeat;
  display: flex;
  padding-left: 40px;
  align-items: center;
}

.newsCourseInfo{
  color:#fff;
  font-weight:bold;
}

.newsCourseHeader {
  font-size: 125%;
  margin-bottom: 8px;
  color: #FCBF1B;
}

.newsHeader {
  font-size:140%;
}

.newsCourseBread{
  color:#fff;
}




*/