/* theme styles */

body {

	padding-top: 80px;

}



form {

	margin-bottom: 0;	

}



.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;	

}



.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: #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 #dadada;

}

	.navbar-fixed-top {

    	margin-bottom: 0;

	}

	

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

   		position: absolute;

	}

	

	#header h1 {

		background: url(../img/logo_in.png) no-repeat;

		width: 100px;

		height: 26px;

		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/logo_in.png) no-repeat;	

	width: 100px;

	height: 26px;

	margin: 0 auto;

	padding: 10px 0 5px 0;

	text-align: center;

	

}



.form-signin {

	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;

      }

	  

/******** 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 {

	display: block;

	padding-bottom: 5px;

} 



.radio-checkbox input {

	display: inline-block;

	vertical-align: baseline;

	margin-right: 10px;

}



.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;

	}

 }

.radio_label {
 	display: inline;
	font-weight: normal;
}