/*!
 * Start Bootstrap - Simple Sidebar (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

 body {
    overflow-x: hidden;
    font-family: 'Open Sans', sans-serif;
    /*color: #345ba8;*/
 }
 
 a {
    color: #345ba8;
	
 }
.clear-fix{
    clear: both;
}
.alert{
    display: none;
    margin-top: 5px;
}
 #page-content-wrapper h1, h2, h3, h4, h5{
    color: #345ba8;
    font-weight: bold;
 }
.img-pen{
    width: 30px;
    margin-top: 20px;  
}
.form-control{
    height: 40px;
    font-size: 16px;
 }

.form-control:focus{
    border-color: #345ba8;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(84, 42, 68,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(84, 42, 68,.6);
}

.custom-select{
    background: #fff url("../img/arrow_drop_down.png") no-repeat 98% 50%;
    background-size: 30px;
}
.custom-select select {
    padding-top: 3px;/*6px;*/
    width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.custom-select select option{
    margin-top: 5px;
}
.custom-select select:focus {
    outline: none;
}
.btn-default{
    background: #345ba8;
    color: white;
    font-size: 25px;
    height: auto;
    border-radius: 10px;
    border: none;
}
.btn-default:hover{
    background: #345ba8;
    color: white;
    opacity: .8;
}

.btn-orange{
    background-color: #e52d31 !important;
    border: 1px solid #e52d31 !important; 
}
.form-label{color: #333;}
/* Toggle Styles */

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 250px;
}

#sidebar-wrapper {
    z-index: 10000;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    background: #D9D9D9;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

.profile-section img{
	cursor: pointer;
}

.profile-ul li{
	display: none;
}

.profile-ul li.active{
	display: block;
}
#page-content-wrapper {
    width: 100%;
    /*position: absolute;*/
    padding: 5px;
    top: 50px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;    
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    padding-left: 20px;
    font-size: 20px;
	font-weight: bold;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: #f5f5f5;
}

.sidebar-nav li a:active, .sidebar-nav li a.active,
.sidebar-nav li a:focus {
    text-decoration: none;
    background: #f5f5f5;
}

.sidebar-nav > .sidebar-brand {
    margin-bottom: 30px;
    margin-top: 20px;
    text-align: center;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
    padding: 0;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

.logo-img {
    width: 60%;
}

.sidebar-nav li ul li{
    text-indent: 0;
    list-style: none;    
}

.sidebar-nav li ul li a{
    font-size: 18px;
}

.navbar-default{

}

.navbar{
    box-shadow: 0 0 3px #345ba8;
    border-radius: 0;
    background: #fff;
}

.navbar a{
    color: #345ba8;
}

#menu-toggle{
    padding-left: 3px;
}
.navbar-default .navbar-toggle .icon-bar, .roadmap-top-nav .icon-bar, .profile-top-nav .icon-bar{
    box-shadow: 0 0 1px #345ba8;
    background: #345ba8;
}
.navbar-img{
    width: 30px;    
}
.navbar-user{
    font-size: 30px;
    font-weight: bold;
    font-style: italic;
}
.navbar-user span{
    vertical-align: middle;
    font-size: 35px;
}

.panel-default > .panel-heading{
    background: #345ba8;
    color: #fff;
    overflow: hidden;
    font-size: 17px;
}

.panel-title{
    font-size: 20px;
}

.panel-title a:hover, .panel-title a:active, .panel-title a:focus{
    text-decoration: none;
}

.panel-default .panel-body{
    background-color: #D9D9D9;
    padding: 20px;    
}
/*.roadmap-panel-group .panel-default .panel-body{AT
    background-color: rgba(84, 42, 68, 0.4);
}*/
.roadmap-panel-group .panel-default .panel-body{
    color: #000;/**white at*/
    font-size: 19px;
    line-height: 35px;
}

.collapse-img{
    width: 25px;
    margin-top: -3px;
    margin-right: 10px;
}

.collapse-right{
    float: right;
    font-size: 15px;
}

.collapse-right img{
    width: 25px;
}

/*Register Family */
.navbar-register{
    background: #345ba8;
}

.navbar-register .navbar-brand{
    height: auto;
    margin-right: 200px;
}

.register-li, .register-li-first{
    font-size: 20px;
}

.register-li a{
    background: url('../img/registernav.png');
    background-size: 100% 100%;
    background-position: center center;
    color: white;
    padding: 22px 0 !important;
    width: 250px;
    text-align: center;
    margin: 10px -8px;
	pointer-events: none;
  cursor: default;
}
.register-li-first a{
    background: url('../img/register-nav.png');
    background-size: 100% 100%;
    background-position: center center;
    color: white;
    padding: 22px 0 !important;
    width: 250px;
    text-align: center;
    margin: 10px -8px;
	  pointer-events: none;
  cursor: default;
}
.register-li-active a, .register-li a:hover, .register-li a:active, .register-li a:focus{
    background: url('../img/registernav-hover.png') !important;
    background-size: 100% 100% !important;
    background-position: center center !important;
    background-color: none !important;
}
.register-li-first-active a, .register-li-first a:hover, .register-li-first a:active, .register-li-first a:focus {
    background: url('../img/register-nav-hover.png') !important;
    background-size: 100% 100% !important;
    background-position: center center !important;
    background-color: none !important;
}
.navbar-register .navbar-toggle .icon-bar{
    box-shadow: 0 0 1px #fff;
    background: #fff;
}
.register-wrapper{
    padding-top: 50px;
}
.register-wrapper .row{
    margin-top: 10px;
}
.next-button{
    background-color: #5eaa86;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
													
    background-position: 95% center;
	padding: 5px 20px;
    background-size: 10% 80%;
    background-repeat: no-repeat;
    margin-top: 25px;
    text-align: left;
	max-width: 100%;
}
.next-button:hover, .btn.hover{
    color: white;
    opacity: .8;
}
.button-red{
    background-color: #d82e26;
}
.next-button2{
    background-color: #5eaa86;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-image: url('../img/arrow-right.png');
    background-position: 95% center;
	padding: 5px 40px;
    background-size: 10% 80%;
    background-repeat: no-repeat;
    margin-top: 10px;
	margin-bottom: 25px;
    text-align: left;
	max-width: 100%;
	float: right;
}
.next-button2:hover, .btn.hover{
    color: white;
    opacity: .8;
}
/* roadmap_profile start*/
.roadmap-top-bar-first a{
    background: url('../img/profile-top-bar-1.png');
    background-size: 100% 100%;
    background-position: center center;
    color: white;
    padding: 10% 0 !important;
    width: 9vw;
    text-align: center;
    margin: 5px -0.3vw;
    font-size: 1vw;
}
.roadmap-top-bar-first-active a span, .roadmap-top-bar-first a span{
    font-size: 1.3vw;
    vertical-align: bottom;
}
.roadmap-top-bar-first-active a, .roadmap-top-bar-first a:hover{
    background-image: url('../img/profile-top-bar-1-active.png');
    background-color: transparent !important;
    background-size: 100% 100%;
    background-position: center center;
    color: white;
    padding: 10% 0 !important;
    width: 9vw;
    text-align: center;
    margin: 5px -0.3vw;
    font-size: 1vw;
}
.roadmap-top-bar a{
    background: url('../img/profile-top-bar.png');
    background-size: 100% 100%;
    background-position: center center;
    color: white;
    padding: 10% 0 !important;
    width: 9vw;
    text-align: center;
    margin: 5px -0.3vw;
    font-size: 1vw;
}
.roadmap-top-bar-active a span, .roadmap-top-bar a span{
    font-size: 1.3vw;
    vertical-align: bottom;
}
.roadmap-top-bar-active a, .roadmap-top-bar a:hover{
    background-image: url('../img/profile-top-bar-active.png');
    background-color: transparent !important;
    background-size: 100% 100%;
    background-position: center center;
    color: white;
    padding: 10% 0 !important;
    width: 9vw;
    text-align: center;
    margin: 5px -0.3vw;
    font-size: 1vw;
}

.roadmap-top-nav{
    border: none;
    box-shadow: none;
    /*margin-top: -50px;AT*/
    font-size: 20px;
}
.roadmap_profile .container-fluid {
    padding-left: 0px;
}/*AT*/
#mytopbar{padding-left: 0;}/*AT*/
.custom-standalone-panel{
    background: #345ba8;
    padding: 20px;
    padding-right: 50%;
    color: #fff;
    font-size: 18px;
}
.above-drop-file{
    padding: 25px 25px 25px;/*25px; SA*/
    font-size: 16px;
    background-color: #eee;
    /*height: 206px;SA*/
}
.skype-panel{
    background: #00aff0;
    font-size: 18px;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    border-radius: 10px;
    margin: 0;
}
.skype-panel .row{
    margin-top: 20px;
    margin-bottom: 15px;
}
.skype-panel label{
    margin-top: 8px;
}
.skype-img{
    width: 50px;
    float: right;
    margin-top: -20px;
    margin-right: -20px;
}
.match-panel{
    background: #345ba8;
    font-size: 18px;
    padding: 20px;
    padding-right: 0;
    margin: 0;
}
.match-panel h1, .match-panel p, .match-panel .row{
    color: #fff !important;    
}
.visa-panel{
    width: 70%;
    background: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 18px;
    font-weight: bold;
    margin: 10px;
}
.visa-status{
    width: 30px;
    float: right;
    margin-top: -40px;
    margin-right: 10px;
}

.main-color-div{
    background: #345ba8;
    color: #fff;
    padding: 0 30px 30px;/*AT 30px;*/
    font-size: 20px;
}

.main-color-div .above-drop-file, .main-color-div .dropzone{
    color: #000;
}
.main-color-div h1{
    color: #fff !important;
}
.ticketinfo .next-button{
    width: 200px;
    margin: 10px;
}
.ticketinfo .next-button.family-button{
    background-color: #345ba8;
}
.next-button.ticketinfo-button{
    background-image: url('../img/ticketinfo.png');
    background-size: 15%;
    width: 250px;
    font-size: 25px;
    display: block;
}
.next-button.tubercolose-button{
    background-image: url('../img/tubercolose.png');
}
.next-button.IND-button{
    background-image: url('../img/IND.png');
    background-size: 15%;
}
/*----responsive start---*/

.panel.panel-default .mobile-div{display:none;}
.panel.panel-default .pc-div{display:block;}
@media screen and (max-width:1199px){
	.panel.panel-default .pc-div{display:none;}
	.panel.panel-default .mobile-div{display:block;}
}

@media screen and (max-width: 768px) {
     /*#menu-toggle{
        display: none;
    }*/
    .navbar-register .logo-img{
        width: 20px;
        width: 70px;
        margin-top: -10px;
    }
    .register-li a, .register-li-first a {
        background: none;
        text-align: left;
        text-indent: 20px;
        font-size: 20px !important;
        width: 100% !important;
    }
    .register-li a:hover, .register-li-first a:hover{
        background: none !important;
    }
    
    .navbar-user {
        font-size: 20px;
    }

    .roadmap-top-nav{
        margin-top: 0;
    }

}

@media screen and (max-width: 1400px){
    .navbar-register .navbar-brand{
        margin-right: 100px;
    }
    .register-li a, .register-li-first a {
        width: 220px;
        font-size: 18px;
    }
}

@media screen and (max-width: 1250px){
    .navbar-register .navbar-brand{
        margin-right: -50px;
    }
    .register-li a, .register-li-first a {
        width: 200px;
        font-size: 16px;
    }
}

@media screen and (max-width: 980px){
    .navbar-register .navbar-brand{
        margin-right: 0;
    }
    .register-li a, .register-li-first a {
        width: 150px;
        font-size: 13px;
        margin-left: -3px;
    }
}

/*--- responsive end---*/
@media screen and ( max-width: 500px){
    .collapse-right{
        display: none;
    }
}

@media(min-width:768px) {
	
	.width20{
		width: 20% !important;
	}
    #wrapper {
        padding-left: 250px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 250px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 0 20px;/*AT 20px;*/
        position: relative;
        top: 50px;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}

/* profile page */

.nav-tabs{
    border: none;
 }
 .profile-tab > li{
    margin-bottom: 2px;
 }
.profile-tab > li > a{
    border-radius: 4px;
    background: rgb(200, 200, 200);
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}
.profile-tab > li.active > a, .profile-tab > li.active > a:focus{
    border-radius: 4px;
    background: #345ba8;
    border: 1px solid #345ba8;
    color: #fff;
}
.profile-tab-content{
    margin-top: 20px;
}
.profile-tab-content .row .col-xs-12.col-sm-12.col-md-6.col-lg-5, 
.profile-tab-content .row .col-xs-12.col-sm-5.col-md-5.col-lg-5,
.profile-tab-content .row .col-xs-6.col-sm-6.col-md-6.col-lg-6,
.profile-tab-content .row .col-xs-12.col-sm-4.col-md-4.col-lg-4{
    font-weight: bold;
}
.profile-tab-content .row{
    margin-bottom: 15px;
}
.profile-tab-content h4.kid-name{
    /*padding-top: 20%;*/
}
.profile-tab-content h4{
    /*padding-top: 10%;*/
}
.profile-row{
    margin-bottom: 10px;
    margin-top: 20px;
}
.profile-row h4{
    /*line-height: 0px;*/    
    margin: 0;
}
.profile-description{
    padding: 10px 0;
    font-size: 15px;
    /*color: #345ba8;*/
}
.tab-pane{
    font-size: 17px;
    /*color: #345ba8;*/
    line-height: 30px;
}
#report .row{
    margin-bottom: 10px;
}
.answer{
    font-weight: normal !important;
}
.null0{
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.notity-form{
    background: #eee;
    padding: 10px;
    box-shadow: 0 0 2px gray;
}
.notity-form>*{
    margin: 10px;
}
.notity-form input[type=text],
.notity-form textarea{
    width: 98%;
}
.notity-form input[type=file]{
    font-size: 12px;
}
.notity{
    padding: 20px 10px;
    box-shadow: 0 1px 2px gray;
    color: #000;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 10px;
}
.notity-gray-text{
    color: gray;
}
.notity-user{
    color: blue;
    text-transform: uppercase;
}
.notity>div{
    display: table-cell;
}
.notity-form div.date input{
    width: 100%;
}

#photoCarousel{
    border: 5px solid white;
    box-shadow: 0 1px 2px gray;
}
#photoCarousel img{
    width: 100%;
}
.photo-edit img{
    border-radius: 3px;
}
.photo-edit .dropzone{
    padding: 5px;
    box-shadow: 0 1px 2px gray;
    min-height: initial;
}
.photo-edit .dz-default{
    min-height: 200px;
    background-blend-mode: luminosity;
}
.photo-edit>div{
    padding: 15px; 
}
/*Document*/
div#document{
    padding-top: 20px;
}
.add-doc{
    background-color: #345ba8;
    color: #fff;
    padding: 10px 17px;
    border-radius: 30px;
    font-size: 25px;
    line-height: 40px;  
}
.add-doc:hover{
    text-decoration: none;
    opacity: 0.8;
    color: #fff;
}
.add-doc:focus{
    text-decoration: none;
    color: #fff;
}
.upload-progress{
    display: none;
}
.doc-search .btn-default{
    height: 40px;
    font-size: 20px;
    border-radius: 3px;
    box-shadow: 0 0 1px rgba(84, 42, 68,.6);
}
.doc-search input{
    height: 40px;
    border-radius: 3px;
}
.profile-caption{
    margin-top: 0px;
}
.profile-document{
    margin-top: 20px;
}
.profile-document .panel-heading a{
    color: #fff;
}
.profile-document-heading input{
    background: none;
    border: none;
    width: 100%;
    text-align: left;
}
.profile-document-heading div{
    padding: 10px 10px;
    border-radius: 3px !important;
    background-color: #345ba8;
    color: #fff;
    margin-bottom: 10px;
    border-right: 2px solid #fff;
    background-image: url('../img/updown_arrow.png');
    background-position: 95% center;
    background-repeat: no-repeat;
    background-size: 5% 60%;
    font-size: 17px;
}

.profile-document-heading div.last{
    border-right: none;
}
.profile-document .doc-approved{
    background-color: #5eaa86;
}
.profile-document .doc-rejected{
    background-color: #fd1f2f;
}
.profile-document .doc-review{
    background-color: #f7931e;
}
.next-button.delete-button, .next-button.review-button{
    background-color: #f7931e;
}
.next-button.delete-button:hover{
    background-color: red;
}
.next-button.approved-button, .next-button.review-button{
    background-image: url('../img/check.png');
    background-position: 5% center;
    background-size: 13% 80%;
    background-repeat: no-repeat;
    text-indent: 35px;    
}

.next-button.reject-button, .re-col{
    background-color:#fd1f2f;
}

.next-button.rejected-button {
    background-image: url('../img/reject.png');
    background-color: #fd1f2f;
    background-position: 5% center;
    background-size: 13% 80%;
    background-repeat: no-repeat;
    text-indent: 35px;       
}

.sub-caption{
    font-size: 28px;
    font-weight: bold;
    font-style: italic;
    vertical-align: bottom;
}
.test-result .row{
    margin-bottom: 10px;
}
/* range */
    input[type=range] {
      -webkit-appearance: none;
      width: 100%;
      margin: 0px;
    }
    input[type=range]:focus {
      outline: none;
    }
    input[type=range]::-webkit-slider-runnable-track {
      width: 100%;
      height: 26px;
      cursor: pointer;
      background: #D9D9D9;
      border-radius: 11.9px;
    }
    input[type=range]::-webkit-slider-thumb {
      box-shadow: 0 0 2px 3px #345ba8;
      border: initial;
      height: 22px;
      width: 22px;
      border-radius: 15px;
      background: #ffffff;
      cursor: pointer;
      -webkit-appearance: none;
      margin-top: 0px;
    }
    input[type=range]:focus::-webkit-slider-runnable-track {
      background: #345ba8;
    }
    input[type=range]::-moz-range-track {
      width: 100%;
      height: 26px;
      cursor: pointer;
      background: #D9D9D9;
      border-radius: 11.9px;
      padding: 0 2px;
    }
    input[type=range]::-moz-range-thumb {
      box-shadow: 0 0 2px 3px #345ba8;
      border: initial;
      height: 22px;
      width: 22px;
      border-radius: 15px;
      background: #ffffff;
      cursor: pointer;
    }
    input[type=range]::-moz-range-progress {
        background-color: #345ba8;
        height: 100%;
        border-radius: 15px;
        border-left: 2px solid #345ba8; 
    }
    input[type=range]::-webkit-range-progress {
        background-color: #345ba8;
        height: 100%;
        border-radius: 15px;
        border-left: 2px solid #345ba8; 
    }
    input[type=range]::-ms-track {
      width: 100%;
      height: 26px;
      cursor: pointer;
      background: transparent;
      border-color: transparent;
      color: transparent;
    }
    input[type=range]::-ms-fill-lower {
      background: #345ba8;
      border-radius: 23.8px;
    }
    input[type=range]::-ms-fill-upper {
      background: #345ba8;
      border-radius: 23.8px;
    }    
    input[type=range]::-ms-thumb {
      border: 2px solid #542444;
      height: 22px;
      width: 22px;
      border-radius: 15px;
      background: #ffffff;
      cursor: pointer;
      height: 26px;
    }
    input[type=range]:focus::-ms-fill-lower {
      background: #345ba8;
    }
    input[type=range]:focus::-ms-fill-upper {
      background: #345ba8;
    }
/*end*/
/* edit profile */
.profile-edit .row{
    margin-top: 10px;
}
/* end */

/*--- match page */
.match-card{
   /* width: 80%; SA*/
    background: #d0d0d0;
    margin: auto;
    border: 5px solid white;
    box-shadow: 0 0 5px gray;
    border-radius: 3px;
}
.match-card img{
    width: 100%;
    border-bottom: 5px solid white;
}
.match-details{
    padding: 15px 30px;
    font-size: 15px;
    line-height: 30px;
    color: black;
}
.match-details div.col-lg-5{
    font-weight: bold;
}
/* match page end ---*/

/* home page */
#update-table .form-control, #task-table .form-control{
    height: 34px;
    font-weight: normal;
    font-size: 15px;
}
/* home page end */
@media screen and (max-width: 768px) {
  .nav-tabs-responsive > li {
    display: none;
    width: 23%;
  }
  .nav-tabs-responsive > li > a {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100%;
    width: 100%;
    text-align: center;
    vertical-align: top;
  }
  .nav-tabs-responsive > li.active {
    width: 54%;
  }
  .nav-tabs-responsive > li.active:first-child {
    margin-left: 23%;
  }
  .nav-tabs-responsive > li.active, .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next {
    display: block;
  }
  .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  .nav-tabs-responsive > li.next > a, .nav-tabs-responsive > li.prev > a {
    -webkit-transition: none;
    transition: none;
  }
  .nav-tabs-responsive > li.next > a .text, .nav-tabs-responsive > li.prev > a .text {
    display: none;
  }
  .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.prev > a:after, .nav-tabs-responsive > li.prev > a:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .nav-tabs-responsive > li.prev > a:after {
    content: "\e079";
  }
  .nav-tabs-responsive > li.next > a:after {
    content: "\e080";
  }
  .nav-tabs-responsive > li.dropdown > a > .caret {
    display: none;
  }
  .nav-tabs-responsive > li.dropdown > a:after {
    content: "\e114";
  }
  .nav-tabs-responsive > li.dropdown.active > a:after {
    display: none;
  }
  .nav-tabs-responsive > li.dropdown.active > a > .caret {
    display: inline-block;
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-left {
    left: 0;
    right: auto;
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-center {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-right {
    left: auto;
    right: 0;
  }
}

/**AT**/
p.nanny-setp7-4 a {
    margin-top: 0;
}
.btn_greyout {
    background-color: #ccc;
}
.journey-pad50{
    padding: 0 50px 0 10px;
}
.journey-step-h1{
    margin-bottom: 20px;
}
.border-bottom {
    border-bottom: 1px solid #000;
     margin-bottom: 10px;
}

@media (min-width:992px) and (max-width:1199px){.main-color-div .next-button { width:auto; max-width: 100%; white-space: normal; font-size:13px; background-size: 10% 50%;padding-right:40px;
}}
.dd-txt{padding-left: 12px;}.bg-yellow{background-color: yellow;}
/**AT**/

/*added to hide date*/
.datetimepicker .table-condensed th.next, .datetimepicker .table-condensed th.prev, .datetimepicker .table-condensed th.switch {
	/*visibility: hidden !important;*/
}
.single-event{
	position: relative;
}

.single-event .sd-menu{
	opacity: 0;
	bottom: 0px;
	position: relative;
}
.cd-schedule .events .single-event .sd-menu a{
	padding: .8em;
}

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th{
	padding: 0px 20px 10px 20px !important
}

.dropdown-menu {
	max-height: 280px;
	overflow-y: auto;
	overflow-x: hidden;
}
.date_schedule{
	padding: 20px 30px 30px;
	margin-top: 20px;
}

@media screen and (min-width: 768px) {
	.width_skype_schedule{
		margin: 7px;
		width: 19%;
	}
	.action_skype_schedule{
		margin: 10px;
		width: 10%;
	}
	.action_skype_schedule.btn_delete{
		background: #00aff0
	}
}


/**AN**/


.export-button {
    margin-top: 20px; 
    float: right;
}
.export-title {
    width: 200px;
    height: 36px;
    border: solid 0.1px;
    border-radius: 10px;
    padding-top: 6px;
}
.export-title a:hover{
    text-decoration: none;
}
.export-title a {
    text-decoration: none;
}
.export-text {
    color: black;
    padding: 3px;
    width: 92%;
    margin: auto;
    font-weight: bold;
}
.export-type {
    width: 80px;
    border: solid 0.1px;
    margin-top: 2px;
    float: right;
}
.export {
    color: black; 
    text-align: center;
}
.hover-export {
    background-color: grey;
}

.profile-edit .ui-widget.ui-widget-content{
	border: none;
}
.profile-edit .ui-corner-all, .profile-edit .ui-corner-bottom, .profile-edit .ui-corner-right, .profile-edit .ui-corner-br{
	border-radius: 0px;
	border: none;
}
.profile-edit .ui-widget-header{
	background: none;
}


.profile-edit .ui-tabs .ui-tabs-nav li.ui-tabs-active a
{
	border-radius: 4px;
	background: #542a44;
	border: 1px solid #542a44;
	color: #fff;
}
.profile-edit .ui-tabs .ui-tabs-nav li{
	border: none;
}

.profile-edit .ui-state-active, .profile-edit .ui-widget-content .ui-state-active, .profile-edit .ui-widget-header .ui-state-active, .profile-edit a.ui-button:active, .profile-edit .ui-button:active, .profile-edit .ui-button.ui-state-active:hover
{
	background: none;
}

.profile-images img {

    display: inline-block;
    width: 45%;
    margin: 5px;
}
#set_status_to_left, #set_status_to_hold, #initial_registration, #save_aupair_profile, #all_doc_complete, #all_doc_not_complete, #save_family_profile{
	margin-top: 0px;
}

.ev-btn button{
	margin-top: 0px;
}
#set_status_to_left, #set_status_to_hold{
	width: 135px;
	padding: 5px 10px;
}
.income-doc{
	padding: 10px 0;
}

.income-doc .docs{
	width: 26%;
}

.income-doc .width73{
	width: 73%;
}

.floatRight{
	float: right;
}

.checkbox10{
	width: 10%;
}