.panel-register-green {
  border-color: #bdd861;
}
.panel-register-green > .panel-heading {
  color: #333333;
  background-color: rgb(143,199,62); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(143,199,62,1) 0%, rgba(155,196,94,1) 50%, rgba(184,212,50,1) 51%, rgba(184,212,50,1) 51%, rgba(184,212,50,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,199,62,1)), color-stop(50%,rgba(155,196,94,1)), color-stop(51%,rgba(184,212,50,1)), color-stop(51%,rgba(184,212,50,1)), color-stop(100%,rgba(184,212,50,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(143,199,62,1) 0%,rgba(155,196,94,1) 50%,rgba(184,212,50,1) 51%,rgba(184,212,50,1) 51%,rgba(184,212,50,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(143,199,62,1) 0%,rgba(155,196,94,1) 50%,rgba(184,212,50,1) 51%,rgba(184,212,50,1) 51%,rgba(184,212,50,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(143,199,62,1) 0%,rgba(155,196,94,1) 50%,rgba(184,212,50,1) 51%,rgba(184,212,50,1) 51%,rgba(184,212,50,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(143,199,62,1) 0%,rgba(155,196,94,1) 50%,rgba(184,212,50,1) 51%,rgba(184,212,50,1) 51%,rgba(184,212,50,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc73e', endColorstr='#b8d432',GradientType=0 ); /* IE6-9 */;
  border-color: #dddddd;
}

.panel-register-green h4{
	color: white;
	margin: 0px;
}

.red{
	color: #df7f7f;
    font-weight: bold;
}

.form-group{
	margin: 20px;
	padding: 0px 30px;
}

::-webkit-input-placeholder {
  font-size:12px;
  text-align:center;
}

:-moz-placeholder { /* Firefox 18- */
   font-size:12px;
   text-align:center; 
}

::-moz-placeholder {  /* Firefox 19+ */
   font-size:12px;
   text-align:center; 
}

:-ms-input-placeholder {  
  font-size:12px;
  text-align:center;  
}

/* Background Images */
.personalinfoback {

  /* Location of the image */
  background-image: url(../img/personalinfoback.jpg);
  
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #ffffff;

}

.educationback {

  /* Location of the image */
  background-image: url(../img/educationbackground.jpg);
  
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #ffffff;


}

.workxpback {

  /* Location of the image */
  background-image: url(../img/workhistoryback.jpg);
  
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #ffffff;



}

.resumeback {

  /* Location of the image */
  background-image: url(../img/resumeback.jpg);
  
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #ffffff;



}

.skillsback {

  /* Location of the image */
  background-image: url(../img/skillsback.jpg);
  
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #ffffff;

}

.desiresback {

  /* Location of the image */
  background-image: url(../img/desiresback.jpg);
  
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #ffffff;

}

.otherback {

  /* Location of the image */
  background-image: url(../img/otherback.jpg);
  
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #ffffff;

}

.locationback {

  /* Location of the image */
  background-image: url(../img/locationback.jpg);
  
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #ffffff;

}

.btn-more{
	margin-top:10px;
	padding:5px auto;
	font-size:20px;
	color:white;
	font-weight:bold;
	background-color:#bed860;
}
.btn-more:hover{
	color:white;
}
.btn-error{
  margin-top:10px;
  padding:5px auto;
  font-size:20px;
  color:white;
  font-weight:bold;
  background-color:#f09898;
}
.btn-error:hover{
  color:white;
}
.btn-submit{
	margin-top:10px;
	padding:5px 30px;
	font-size:20px;
	color:white;
	font-weight:bold;
	background-color:#fcc66f;
}
.btn-submit:hover{
	color:white;
}

.btn-signin{
    margin-top:10px;
  padding:5px auto;

  color:white;
  font-weight:bold;
  background-color:#bfbfbf;
}

.btn-signin:hover{
  color:white;
    border:1px black solid;
}

.btn-signin:disabled{
  background-color:white;
  color:#bfbfbf;
  border:1px solid #bfbfbf;
}

.HSOP select{
	margin-bottom:10px;
}

.dividerreg{


  border-top:1px solid #a6a6a6;
}

.animated { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 

} 

@-webkit-keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
.fadeIn { 
    -webkit-animation-name: fadeIn; 
    animation-name: fadeIn; 
}

.successbox{
	background-color:#fff;
	padding:15px;
	border:2px solid #bfbfbf;
	border-radius:15px;
}

.loginbox{
  border:solid 2px #bfbfbf;
  border-radius:15px;
  margin:40px 10px;
  padding:20px 40px;
  background-color:#fff;
 transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.animatemyaccount{
  -webkit-animation-name:slideInLeft;
  animation-name:slideInLeft;
  -moz-animation-name:slideInLeft;
}

@-webkit-keyframes slideInLeft{
  0%{
    opacity:0;
    -webkit-transform: translateX(-200px);
  }
  100%{
    opacity:1;
    -webkit-transform: translateX(0px);
  }
}

@keyframes slideInLeft{
  0%{
    opacity:0;
    transform: translateX(-200px);
  }
  100%{
    opacity:1;
    transform: translateX(0px);
  }
}

.animatewelcome{
  -webkit-animation-name:slideInRight;
  animation-name:slideInRight;
  -moz-animation-name:slideInRight;
}

@-webkit-keyframes slideInRight{
  0%{
    opacity:0;
    -webkit-transform: translateX(200px);
  }
  100%{
    opacity:1;
    -webkit-transform: translateX(0px);
  }
}

@keyframes slideInRight{
  0%{
    opacity:0;
    transform: translateX(200px);
  }
  100%{
    opacity:1;
    transform: translateX(0px);
  }
}
  @-moz-keyframes slideInRight{
  0%{
    opacity:0;
    -moz-transform: translateX(200px);
  }
  100%{
    opacity:1;
    -moz-transform: translateX(0px);
  }
}

.animateProgress{
    -webkit-animation-name:expand;
  animation-name:expand;
  -moz-animation-name:expand;
}

@-webkit-keyframes expand{
  0%{
    opacity:0;
    -webkit-transform: scale(1em);
  }
  100%{
    opacity:1;
    -webkit-transform: scale(1em);
  }
}

@keyframes expand{
  0%{
    opacity:0;
    transform: scale(1em);
  }
  100%{
    opacity:1;
    transform: scale(1em);
  }
}
  @-moz-keyframes expand{
  0%{
    opacity:0;
    -moz-transform: scale(1em);
  }
  100%{
    opacity:1;
    -moz-transform: scale(1em);
  }
}


.active1{
  background-color:#bed860;
  font-weight:bold;
   transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.nav-button > li{
  float:left;
  padding:10px 20px;
  background-color:white;
  margin: 10px;
  border:1px solid #fff;
  border-radius:5px;
  list-style-type:none;

}
.nav-button > li:hover{

  background-color:white;
  border:1px solid #656565;

}
.nav-button>li>a{
  color:black;
  text-decoration:none;
}
.nav-button>li>a:hover{
  background-color:transparent;

}
.nav-button>.active{
  background-color:#dff0d8;
  border:solid 1px #656565;
}
.nav-button>.active:hover{
  background-color:#dff0d8;
  border:solid 1px #656565;
}
.logout-button{
  padding:10px 20px;
  background-color:#f79696;
  color:white;
  border:1px solid #fff;
  border-radius:5px;
}
.logout-button:hover{
color:white;


  border:1px solid #000;

}

.smallnavButtons a{
  text-decoration:none;
  color:black;
   transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;

}
a .smallnav{

  padding:15px;
  margin:5px;
  border-radius:5px;
  border:1px solid #bfbfbf;
 transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

a .smallnav:hover{
background: -moz-linear-gradient(left,  rgba(224,224,224,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(224,224,224,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(224,224,224,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(224,224,224,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(224,224,224,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(224,224,224,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
  border-radius:5px;
 transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.editTab{

  text-align:center;
  margin:auto;
  max-width:200px;
  height:45px;
  border-bottom-right-radius:10px;
   border-bottom-left-radius:10px;
  background-color:#d6e9c6;
}

select.form-control + .chosen-container.chosen-container-single .chosen-single {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    background-image:none;
}
 
select.form-control + .chosen-container.chosen-container-single .chosen-single div {
    top:4px;
    color:#000;
}
 
select.form-control + .chosen-container .chosen-drop {
    background-color: #FFF;
    border: 1px solid #CCC;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    margin: 2px 0 0;
 
}
 
select.form-control + .chosen-container .chosen-search input[type=text] {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    background-image:none;
}
 
select.form-control + .chosen-container .chosen-results {
    margin: 2px 0 0;
    padding: 5px 0;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    margin-bottom: 5px;
}
 
select.form-control + .chosen-container .chosen-results li , 
select.form-control + .chosen-container .chosen-results li.active-result {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333;
    white-space: nowrap;
    background-image:none;
}
select.form-control + .chosen-container .chosen-results li:hover, 
select.form-control + .chosen-container .chosen-results li.active-result:hover,
select.form-control + .chosen-container .chosen-results li.highlighted
{
    color: #FFF;
    text-decoration: none;
    background-color: #428BCA;
    background-image:none;
}
 
select.form-control + .chosen-container-multi .chosen-choices {
    display: block;
    width: 100%;
    min-height: 34px;
    padding: 6px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    background-image:none;
}
 
select.form-control + .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height:auto;
    padding:5px 0;
}
 
select.form-control + .chosen-container-multi .chosen-choices li.search-choice {
 
    background-image: none;
    padding: 3px 24px 3px 5px;
    margin: 0 6px 0 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    background-color: #FFF;
    border-color: #CCC;
}
 
select.form-control + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top:8px;
    right:6px;
}
 
select.form-control + .chosen-container-multi.chosen-container-active .chosen-choices,
select.form-control + .chosen-container.chosen-container-single.chosen-container-active .chosen-single,
select.form-control + .chosen-container .chosen-search input[type=text]:focus{
    border-color: #66AFE9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(102, 175, 233, 0.6);
}
 
select.form-control + .chosen-container-multi .chosen-results li.result-selected{
    display: list-item;
    color: #ccc;
    cursor: default;
    background-color: white;
}

select.form-control + .chosen-container .chosen-results li.group-result,
select.form-control + .chosen-container .chosen-results li.group-result:hover
{
font-weight:bold;
color:#333;
text-decoration: none;
padding: 3px 10px;
background-color: #fff;
background-image:none;
}

.panel-body{
    border-top-right-radius:0px;
}

.customTabs > li > a {
    margin-right: 0px;
}



.infoDisplay{
      padding:15px;
  margin:15px;
  /* Location of the image */
  background-image: url(../img/iiimapback3.jpg);
  
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  background-color: #ffffff;
border:1px solid #bfbfbf;
border-radius:5px;
    transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
}
.infoEdit hr, .resumeEdit hr{
border:white solid 1px;

}
.infoEdit{
  padding:15px;
  margin:15px;
  /* Location of the image */
  background-image: url(../img/iiimapback.png);
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  /* Background image doesn't tile */
  background-repeat: no-repeat;
    background-color: #ededed;
    border:1px solid #bfbfbf;
    border-radius:5px;
    transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.resumeDisplay{
      padding:15px;
  margin:15px;
  /* Location of the image */
  background-image: url(../img/iiiresumeback3.png);
  
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  background-color: #ffffff;
border:1px solid #bfbfbf;
border-radius:5px;
    transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
}
.resumeEdit{
      padding:15px;
  margin:15px;
  /* Location of the image */
  background-image: url(../img/iiiresumeback.png);
  
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
    background-color: #ededed;
border:1px solid #bfbfbf;
border-radius:5px;
    transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
}


.btn-edit{
  padding:15px 20px;
background-color:#bed860;
    border-bottom:4px #a3bb43 solid;
}

a .btn-edit{
  color:white;
  text-decoration:none;
}


.btn-cancel{
  padding:15px 20px;
  background-color:#bfbfbf;
  border-bottom:4px #656565 solid;
}

a .btn-cancel{
  color:white;
  text-decoration:none;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
      cursor: auto;
    background-color: rgba(0, 0, 0, 0.1);
    opacity: 1;
    border:;
}

.divider_result{
  margin:15px 0px;
  border-top:1px solid #bfbfbf;
}

.animateBack2{
  padding-top:10px;
       transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;  
      background-position: center;
        background-size:30%;
}

.animateBack2:hover{
background-color:#f2f2f2;
    border-radius:5px;
     transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out; 
         background-image: url(../img/iii.png); 
           /* Background image doesn't tile */
  background-repeat: no-repeat;
  background-position: center;
  background-size:20%;
}

.bookmarkContainer{
  padding:15px 10px;
  border:1px solid #bfbfbf;
  border-radius:5px;
  text-align:center;
}
.popover{
   width: 200px; /* Max Width of the popover (depending on the container!) */
   text-align:center;

}
.deleteCircle{
  background-color:#f2a4a4;
  border-radius:3px;
  color:#fff;
  padding:6px;
      transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
}
.deleteCircle:hover{
  background-color:#d85b5b;
  color:#fff;
      transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
}
.notAvailable{
  background-color:#efefef;
  border-radius:5px;
  padding:10px;
}

.sideBar{
  padding:0px;
}

.sideBar>li{
  list-style-type:none;
  margin:5px 0px;
  padding:8px;

}
.sideBar>li:hover{
  background-color:#ededed;

}
.sideBar>.active{
  background-color:#ededed;
}
.sideBar>li>a{
  color: #000;
  font-size:16px;

}

.panel-error> .panel-heading{
  color: #fff;
background-color:#f09898;

  border-color: #d24545;


}
.panel-error .panel-body{
border: 1px solid #d24545;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}

.workRow > select{
  display:inline;
}
@media only screen and (max-width: 768px){
.myAccountMobileBox{
  border-top:solid 1px #656565;
  border-bottom:solid 1px #656565;
  margin:10px;
  padding-top:10px;
  padding-bottom:10px;

}
}

@media only screen and (max-width: 480px){

.notAvailable{
  background-color:#efefef;
  border-radius:5px;
  margin:10px auto;
  padding:10px;
}
.btn-applyMail{
  margin:10px auto;
}

}