/* theme styles */

body {

	/*padding-top: 80px;*/
	height: 100%;
    background-color: #e3e3e3;
	background-image: url(https://ccgbpo.com/assets/img/banners/CCG-Banners2_Home.jpg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center right;
    width: 100%;
    height: 100%;

}

html{
	height: 100%;
}

form {

	margin-bottom: 0;	

}

.fc-list-item:hover td{
	background:rgba(255,255,255,0.5) !important;
}
.fc-day-header a{
	color:#fff;
}
.help-block {

	font-size: 11px;

	color: #666;	

}



dt {

	font-weight: normal;	

}



ul {

	list-style: none;

	padding: 5px 20px;

	padding-right: 0;	

}



.caret {

	border-top: 4px solid #bbb;	

}

.fc-day-number{
	color:#fff;
}


.box {

	border-radius: 3px;

	-moz-border-radius: 3px; 

	-webkit-border-radius: 3px; 

	-o-border-radius: 3px;

	-ms-border-radius: 3px;

	-khtml-border-radius: 3px; 

	border: 1px solid #d5d5d5;

	box-shadow: 0 1px 0 rgba(0,0,0,0.11);

	margin-bottom: 3.0%;

	background: rgba(0, 0, 0, 0.65);;
	
	color:#fff;

}


.box:before, .box:after {

	content: "";

	display: table;

}

	

.box:after {

	clear: both;

}

	

.box .header {

	border-radius: 3px;

	-moz-border-radius: 3px; 

	-webkit-border-radius: 3px; 

	-o-border-radius: 3px;

	-ms-border-radius: 3px;

	-khtml-border-radius: 3px; 

	position: relative;

	background: url(../img/nav_bg.png) repeat;

	box-shadow: inset 0 1px 0 #fff, 0 1px 2px rgba(0,0,0,0.02);

}



.box .header h4 {

	position: relative;

	padding: 9px 0;

	padding-top: 8px;

	padding-left: 10px;

	border-bottom: 1px solid #c2c2c2;

	margin: 0;

	font-size: 13px;

	color: #444;

	line-height: 20px;

}

	

.box .content {

	padding: 0;

	margin: 0;

}



.content.pad {

	padding: 20px;	

}



.box .content:before, .box .content:after {

	content: "";

	display: table;

}



.box .content:after {

	clear: both;

}



#cat-holder {

	width: 400px;

	position: relative;

	top: -32px;	

}



#calendar h2 {

	font-size: 16px;

	font-weight: bold;	

}



.fc-toolbar {

    margin-bottom: 0em!important;

    position: relative;

    top: -44px;

    padding: 10px;

    text-align: center;

}



.fc-toolbar .fc-center {

    display: inline-block;

    position: relative;

    top: 50px;

}



/******** Header ********/

.navbar-inner {

	/*background: url(../img/nav_bg.png) repeat-x;

	border-bottom: 1px solid #333;*/
	background-color: #333;

}

	.navbar-fixed-top {

    	margin-bottom: 0;

	}

	

	.navbar-fixed-top, .navbar-fixed-bottom {

   		position: absolute;

	}

	

	#header h1 {

		/*background: url(../img/cco_logo.png) no-repeat;
		
		background-size: cover;*/

		width: 100px;

		height: 35px;

		text-indent: -9999px;

		margin-left: 42px;

	}



	#logo {

		float: left;	

	}

	

	#info {

		float: right;

		padding-top: 7px;

	}

	

	ul#userBox  {

		margin: 0;

		padding: 0;

		margin-right: 37px;

	}



	ul#userBox li {

		position: relative;

		float: left;

		cursor: pointer; 

		padding: 5px;

		color: #fff;

		margin-left: 15px;

	}

	

	ul#userBox li a {

		display: inline-block;

		font-size: 12px;

		text-decoration: none;	

		color: #aaa;

	}



	ul#userBox li a img { 

		margin-right: 5px;

		position: relative;

		top: 2px;

	}

	

	ul#userBox li span.notify { 

		position: relative;

		top: -1px;

		text-align: center; 

		background: url(../img/number.png) repeat-x; 

		display: inline-block; 

		padding: 0 5px;

		color: #fff;

		margin-left: 5px; 

		-moz-border-radius: 2px; 

		-webkit-border-radius: 2px; 

		-o-border-radius: 2px;

		-ms-border-radius: 2px;

		-khtml-border-radius: 2px; 

		border-radius: 2px;  

		font-size: 11px; 

		line-height: 15px; 

	}

	

	ul#userBox .dropdown-menu {

		border: 1px solid #d5d5d5;	 

	}

	

	.dropdown-menu, .box-control {

		position: relative;

		z-index: 1000;	

	}

	

	.dropdown-menu {

		position: absolute;

	}

	

	ul#userBox li ul.dropdown-menu {

		width: 160px;

		position: absolute;

		right: 0;

		margin: 0 auto;

		background: #fff;  

		overflow: hidden;

		padding: 0;

	}

	

	ul#userBox li > ul.dropdown-menu {

		top: auto;

		left: auto;

		font-size: 11px;

		padding: 0;

		margin: 0;

		padding-top: 5px;

		padding-bottom: 5px;

	}

	

	ul#userBox li ul.dropdown-menu li {

		border: none;

		padding: 0;

		margin: 0;

	}

	

	ul#userBox li ul.dropdown-menu li a {

		color: #456180;

		border: none;

		width: 160px;

		display: block;

		padding: 5px 10px;

	}

	

	ul#userBox li ul.dropdown-menu li a img {

		position: relative;

		top: -2px;	

	}

	

	ul#userBox li ul.dropdown-menu li a:hover {

		background: url(../img/button.png);

		text-decoration: none;

		color: #fff;

	}

	

	ul#userBox li ul.dropdown-menu li a:hover .icon-acc {

		background: url(../img/icons/set-1/cog_hover.png) no-repeat;	

	}

	

	ul#userBox li ul.dropdown-menu li a:hover .icon-off {

		background: url(../img/icons/set-1/logoff_hover.png) no-repeat;	

	}

	

	ul#userBox li ul.dropdown-menu li.divider {

		width: 160px;

		margin: 7px 0;	

	}



/******** Login ********/

#login_logo {

	background: url(../img/cco_logo.png) no-repeat;	
	
	background-size: cover;

	width: 100px;

	height: 26px;

	margin: 0 auto;

	padding: 10px 0 5px 0;

	text-align: center;

	

}



.form-signin {
	
	margin-right: auto;
    position: relative;
    max-width: 440px;
    width: calc(100% - 40px);
    padding: 44px;
    margin-bottom: 28px;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,.2);
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
    min-width: 320px;
    min-height: 338px;
    overflow: hidden;

	/*max-width: 300px;

	padding: 19px 29px 29px;*/

	margin: 0 auto 20px;

	margin-top: 90px;

	background-color: #fff;

	border: 1px solid #e5e5e5;

	/*-webkit-border-radius: 5px;

	   -moz-border-radius: 5px;

			border-radius: 5px;

	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);

	   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);

			box-shadow: 0 1px 2px rgba(0,0,0,.05);*/

}

	  

      .form-signin .form-signin-heading,

      .form-signin .checkbox {

        margin-bottom: 10px;

      }

	  

      .form-signin input[type="text"],

      .form-signin input[type="password"] {

      	height: auto;

      	margin-bottom: 15px;
		  
		border-top: 0;
		border-left: 0;
		border-right: 0;
		background-color: rgba(255,255,255,.4);
		padding-left: 0;
		padding: 6px 10px;
		border-width: 1px;
		border-color: #666;
		border-color: rgba(0,0,0,.6);
		height: 36px;
		outline: none;
		border-radius: 0;
		-webkit-border-radius: 0;
		 display: block;
		width: 100%;
		background-image: none;

      }

.btn-submit{
	color:#fff;
	border-color: #0067b8;
    background-color: #0067b8;
	padding: 4px 12px 4px 12px;
	height: 32px;
    border: none;
	border-radius:0;
	min-width: 108px;
	margin-top: 25px;
}

	  

/******** Main ********/

#main {

	padding-top: 80px;

}



#main-content {

	float: left;

	width: 100%;

}



[class^="icon-"] { margin-right: 2px; position: relative; top: -2px; }





/* jquery.calendar styles */

#details-body-content {

	white-space: pre-wrap;	

}



#event-type-selected {

	display: none;	

}



.modal-backdrop.in {

    opacity: 0.6;

}



.modal-content {

	box-shadow: none;	

	overflow: hidden;

}



.modal-footer, .modal-header {

	background: #efefef;	

}



.mr-10 {

	margin-right: 10px;	

}



.map-embed {

	width: 100%;

	height: 300px;	

}



.loadingDiv {

	background: url(../img/ajaxloader.gif);

	margin: 0 auto;	

	width: 16px;

	height: 16px;

	display: none;

}



.modal {

    overflow-y: auto;

}



/* will make modal-body scroll on mobile if you have too many fields*/

.modal-body { 

   height: 60%;

}



label {

	display: block;

} 



.radio-checkbox {

	padding-right: 5px;

} 



.radio-checkbox input {

	margin-right: 5px;

}



.modal-body, .modal-body-import { 

	max-height: 615px;

    padding: 15px; 

    overflow-y: auto; 

    -webkit-overflow-scrolling: touch; 

 }

 

 /* loading */



#loading {

	display: none;

	position: absolute;

	vertical-align: middle;

	left: 50%;

	top: 45%;

	z-index: 99999;

}



.spinner {

  width: 70px;

  text-align: center;

}



.spinner > div {

  width: 18px;

  height: 18px;

  background-color: #587CA3;



  border-radius: 100%;

  display: inline-block;

  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;

  animation: sk-bouncedelay 1.4s infinite ease-in-out both;

}



.spinner .bounce1 {

  -webkit-animation-delay: -0.32s;

  animation-delay: -0.32s;

}



.spinner .bounce2 {

  -webkit-animation-delay: -0.16s;

  animation-delay: -0.16s;

}



@-webkit-keyframes sk-bouncedelay {

  0%, 80%, 100% { -webkit-transform: scale(0) }

  40% { -webkit-transform: scale(1.0) }

}



@keyframes sk-bouncedelay {

  0%, 80%, 100% {

    -webkit-transform: scale(0);

    transform: scale(0);

  } 40% {

    -webkit-transform: scale(1.0);

    transform: scale(1.0);

  }

}



/* -// loading */

 

 /* modal body screen sizes */

 @media (max-width: 640px) 

 {

	.modal-body { 

		max-height: 180px;

	}

 }

 

 @media (max-width: 600px) 

 {

	.modal-body { 

		max-height: 400px;

	}

 }

 

 @media (max-width: 480px) 

 {

	.modal-body { 

		max-height: 140px;

	}

 }

 

 @media (max-width: 360px) 

 {

	.modal-body { 

		max-height: 400px;

	}

 }

 

 @media (max-width: 320px) 

 {

	.modal-body { 

		max-height: 280px;

	}

 }