body {
    padding-top: 50px;
    padding-bottom: 20px;
    font-size:16px;
       font-family: 'Lato', Calibri, Arial, sans-serif serif;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
       font-family: 'Lato', Calibri, Arial, sans-serif serif;
}
body.home{
    background: #211f1f url("../Content/images/girl1.png") center center fixed;
     -webkit-background-size:cover;
    background-size:cover;
       font-family: 'Lato', Calibri, Arial, sans-serif serif;

}
body.admin-bg{
    background: /*#211f1f*/ #A9A9A9 url("../Content/images/pattern.png") repeat;
     -webkit-background-size:cover;
    background-size:cover;
       font-family: 'Lato', Calibri, Arial, sans-serif serif;

}
.tophd-section {
    /*margin-top: 10px;*/
    background-color: #fff;
    border-left: 5px solid #337ab7;
      /*border-left: 5px solid #FAAA31;*/
   /*box-shadow: 3px 3px 3px #888888;*/
  
    height: 95px;
    padding-top: 10px;
    color: #434A54;
    margin-bottom:30px;
}
.bio-style{
    margin-top:30px;
    padding: 10px;
    background: #f5f5f5 url('/Content/Images/pattern.png');
}
.landpage-style{
    margin-top:30px;
    padding: 10px;
    background: #ffffff /*url('/Content/Images/pattern.png')*/;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/



/*  Login Form first header*/

.bottom-margin{
    margin-bottom:50px;
}


  .required label:after
    {
        color: #e32;
        content: ' *';
        display: inline;
    }

.col-style{
    color:#d0d8d6; 
    font-family:Calibri;
}
.u-style{
    color:#ccc;
    font-family:Calibri;
}
.text-login{
    font-family:Calibri;
}
.f-style{
    color:gray;
    padding-top:30px;
}

/* end */


.login-input::-webkit-input-placeholder::before { font-family: fontAwesome; content:'\f007  '; color: #000; padding-right: 10px }

.pass::-webkit-input-placeholder::before { font-family: fontAwesome; content: '\f023' ; color: #000; padding-right:15px}
.pass::-moz-input-placeholder::before { font-family: fontAwesome; content: '\f023' ; color: #000; padding-right:15px}

/*  Login Form  */
.header{
    padding: 1em;

    background-color:#2EA7EB;
    /*border-bottom-left-radius:100%;
     border-bottom-right-radius:100%;*/
   
  
}
.form-x{
  /*padding-left:20px;*/
   padding:2em 4em;
}

 /*.icon-user{
    display:block;
   margin: 0 0 0 40%;
   text-align:center;
    width: 70px;
    height:70px;
    line-height:70px;
    vertical-align:middle;   
    font-size:40px;
}
 .set-icon{
    border-radius:50px;
}*/
 .set-icon:hover{
     border-radius:1%;
 }
 .bg-color-grey{
    background-color:#cccccc;
    color:#fff;
}
 
  .bg-color-green{
    background-color:#00CE6F;
    color:#fff;
}
  .bg-color-orange{
    background-color:#ff6a00;
    color:#fff;
}
  .bg-color-blue{
    background-color:#00aff0;
    color:#fff;
}
   .bg-color-brown{
    background-color:#B94A00;
    color:#fff;
}
   .bg-color-yellow{
       background-color:#f0a4de;
   }
   .back-footer-yellow{
    background-color:#e58115;
    border-top: 0px solid #fff;
}
.back-footer-green{
    background-color:#009B50;
    border-top: 0px solid #fff;
}
.back-footer-brown{
    background-color:#873a07;
    border-top: 0px solid #fff;
}
.back-footer-blue{
    background-color:#1c6692;
    border: 2px solid #1c6692;
}
.back-footer-grey{
    background-color:#f5f5f5;
    border-top: 0px solid #fff;
}


 .icon-box{
    display:block;
    float: left;
    margin: 10px 15px 10px 0;
    width: 60px;
    height:60px;
    line-height:60px;
    vertical-align:middle;
    text-align:center;
    font-size:20px;
}
.my-cicle{
    display:block;
    /*float: left;*/
    margin: 0px 15px 10px 0;
    width: 50px;
    height:50px;
    line-height:50px;
    vertical-align:middle;
    text-align:center;
    font-size:20px;
}
.form-bg{
    background-color:#fff;
}

/*  Dashboard Style  */
.stretch{
    width:100%;
}
.dash_bg{
     background:  url("../Content/images/pattern-2.png") center center repeat;
}
.header-content{
    margin:0px;
    left:0px;
    width:100%;
    position:relative;
    background:#eeeeee;
    border-bottom: 1px solid #dddddd;
    padding:12px 20px;
    font-size:22px;
}
.shrink:hover{
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    transition: all 0.5s ease-out;
   -webkit-transition: all 0.5s ease-out;
}
.pn:hover {
	box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.3);
	
}
.dash-top{
    margin-top:30px; 
    padding-top:20px;
}
.footer-style{
    padding:6px; 
    font-size:14px;
}


@media screen and (max-width: 300px){
    /*.wrapper{
        display:none;
    }*/
}

@media screen and (min-width: 1200px){
    .wrapper{
         background: rgba(255,255,255,0.1);
         margin:20px;
         padding:20px;
    }
}


/*=======================================================MENUS=============================================================*/
/*---------------------------------------------------The Fat Menu--------------------------------------------*/
#navigation{
	display: block;
    width: 210px;
    position:relative;
    float:left;
    transition: ease 1s all;
}
.main{/*Main content*/
    overflow:hidden;/*So that the main content is displayed beside the menu and doesn't appear below it when width reduces*/
    padding-left:2em;
    padding-right:2em;
}
.rotate{/*Called by JS To rotate the span-bars*/
	transform: rotate(90deg);
}
#hider{
	position: relative;
    color: white;
    top:.4em;
    font-size:1.5em;
}
.list>ul{
	background-color:rgb(0, 33, 71);
	min-height:700px;
	padding-left:0;
	margin-left:0;
}
.list ul li{
	list-style:none;
	font-family: Georgia, Times New Roman, Verdana;
	font-weight:500;
	line-height: 1.1875em;
	font-size: 1em;
	border-bottom: 1px solid #ccc;
}
.list ul li a{
	color: whitesmoke;
}
.list ul li a:hover{
	text-decoration: none;
	background-color:#00aff0;
}
.list li>ul{/*Hide the sub-menus by default*/
	display:none;
}
.list li:hover>ul{/*Use this styles when an item with sub-menus is hovered*/
	display: block;
	position: relative;
	left:20%;
	width:80%;
	background-color:rgb(0, 33, 71);
	min-height:10px;
	padding-left:0;
	margin-left:0;
	font-size: 1em;
}
.list li:hover>ul li{
	font-size: 1em;
	padding: 0.2em;
}
.list li:hover>ul li a{/*So that the whole space on a sub-menu link occupies is clickable*/
	display: block;
	line-height: 2em;
}


/*-----------------------------------------------------------The Slim Menu--------------------------------------------------*/
#min-navigation{
    z-index:20;/*So that when the menu is hovered, it always appears above the main content*/
    position:relative;/*Z-index can't work without position property set*/
	display: none;
    float:left;
}
.min-list ul{
    width: 70px;
	background-color:rgb(0, 33, 71);
	min-height:700px;
}
.min-list ul li{/*Style for first level of the menu*/
	list-style:none;
	font-family: Georgia, Times New Roman, Verdana;
	font-weight:500;
	line-height: 1.1875em;
	font-size: 1.5em;
	padding:.3em;
	border-bottom: 1px solid #ccc;
}
.min-list ul li a{
	color: whitesmoke;
}
.min-list ul li a:hover{
	text-decoration: none;
	background-color:#00aff0;
}

.min-list li>ul{ /*Don't display sub-menus by default*/
	display:none;
}
.min-list li:hover>ul{/*Use this styles when an item with sub-menus is hovered*/
	display: block;
	position: relative;
	left:10%;
	width:200px;
	min-height:10px;
	background-color:rgb(0, 33, 71);
	padding-left:0;
	margin-left:0;
	font-size: 1em;
}
.min-list li:hover>ul li{/*Style for sub-menu list items*/
	font-size: 1em;
	padding: 0.2em;
}
.min-list li:hover>ul li a{
	display: block;/*So that the whole space on a sub-menu link occupies is clickable*/
	line-height: 2em;
}


/*=====================================================Menu for screens less than 768px===================================================*/
#smally{
        text-align:center;
        background-color:rgb(0, 33, 71);
    }
#smally a{
    color: white;
}
#smally a:hover{
    color:#ccc;
}

@media screen and (min-width:769px){/*The small screen menu must not display for screen sizes from 769px upwards*/
    #smally{
        display:none !important;
    }
}

@media screen and (max-width:768px){ /*The side navigations and hider must disappear for screens 768px and below*/
    #hider{
        display:none !important;
    }
    #navigation{
        display:none !important;
    }
    #min-navigation{
        display:none !important;
    }
}
/****************************************************************************/



body.landpage {
  /*-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: fixed;

   -moz-animation-duration: 9s;
 -moz-animation-name: fade-bg;
  -moz-animation-delay: 0;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: forward;

  animation-duration: 9s;
  animation-name: fade-bg;
  animation-delay: 0;
  animation-iteration-count: infinite;
  animation-direction: forward;*/

}

/*@keyframes fade-bg {
    0% {
        background-image: url('/Content/Images/sl-1.jpg');
    }
    50% {
        background-image: url('/Content/Images/sl-2.jpg');
    }
    51% {
        background-image: url('/Content/Images/sl-3.jpg');
    }
    100% {
        background-image: url('/Content/Images/sl-4.jpg');
    }
}*/

.icon-user {
    display: block;
    margin: 0 0 0 40%;
    text-align: center;
    width: 200px;
    height: 200px;
    line-height: 70px;
    vertical-align: middle;
    font-size: 50px;
}

.set-icon {
    border-radius: 100px;
}

.icon-col {
    display: block;
    margin: 0 0 0 30%;
    text-align: center;
    width: 100px;
    height: 100px;
    line-height: 100px;
    vertical-align: middle;
    font-size: 50px;
}

.set-shape {
    border-radius: 50px;
}
.bg-color-lightb{
    background-color:#37bc9b;
}
.bg-color-white{
    background-color:#fff;
}
.w60{
    width:85%;
    text-align:center;
    color:#293681;
}
.cfloat{
    float:none;
    margin:0 auto;
    padding-top:50px;
}
.back-footer-grey{
    background-color:#f5f5f5;
    border-top: 0px solid #fff;
}
.pl-footer {
  padding: 10px 15px;
  margin-top:30px;
  /*background-color: #f5f5f5;
  border-top: 1px solid #ddd;*/
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
#slideshow, img.bgM {
    background-size:cover;
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index:-9999;
}