.custom_nav .navbar-nav li a{background-color: #f60;color: #FFF!important;border-radius: 5px; padding: 10px 20px!important;}
.custom_nav .navbar-nav li {margin-right: 10px;}
.bg-dark {
background-color: #33424f !important;
} 
section{float: left;width: 100%;}
.departure .title{font-size: 30px;color: #333;margin: 0px;font-weight: 600;}
body{font-family: 'Roboto';}
.departure{padding-top: 0px;padding-bottom: 0px;}
.form_box{float: left;width: 100%;background-color: #f0f2f5;padding: 20px;border-radius: 5px;margin-top: 20px;}

.big_button_sect{float: left;width: 100%;margin-top: 30px;}

.btn-custom{background-color: #f60;color: #FFF;width: 100%;min-height: 80px;border-radius: 10px;margin-top: 20px;}
.btn-custom:hover, .btn-custom:focus{color: #FFF;opacity: 0.8;}

.btn-custom-submit{background-color: #f60;color: #FFF;width: 40%;min-height: 80px;border-radius: 10px;margin-top: 20px;}
.btn-custom-submit:hover, .btn-custom-submit:focus{color: #FFF;opacity: 0.8;}

.button_section_1{margin-top: 50px;}

.cranes_box, .first_moves{float: left;width: 100%;background-color: #f0f2f5;padding: 20px;margin-top: 50px;}
.cranes_box h3, .first_moves h3{font-size: 20px;margin: 0px;text-align: center;margin-bottom: 20px;}
.cranes_box .table, .first_moves .table{border:1px solid #CCC;background-color: #FFF;}
.cranes_box .table th, .cranes_box .table td, .first_moves .table th, .first_moves .table td{font-size: 12px;padding: 5px;border-right: 1px solid #CCC;}
.cranes_box .table td select{height: 35px;}
.cranes_box .table th{vertical-align: middle;}
.cranes_box .table td, .first_moves .table td{font-size: 11px;}

.first_moves{float: left;width: 100%;margin-top: 20px;min-height: 360px;}
.first_moves .table{text-align: center;}
.first_moves .table td{height: 30px;}

.bottom_icon .fa-arrow-down {
margin: 0 auto;
margin-top: 150px !important;

text-align: center;
display: inline-block;
width: 100%;
font-size: 18px;
position: absolute;
left: 0;
bottom: -34px;
color: #b5b5b5;
} 
.w100p{width: 100%!important}

.right_icon .fa-arrow-right {
position: absolute;
right: -8px;
font-size: 17px;
color: #B5B5B5;
top: calc(50% - 9px);
} 

.btn-danger {
color: #fff;
background-color: #f60;
border-color: #f60;
} 
.btn-danger:hover, .btn-danger:focus{opacity: 0.8;background-color: #f60;
border-color: #f60;}

.confirm_popup h4 {
text-align: center;
font-size: 22px;
font-weight: 400;
color: #444;
margin: 0;
} 
.confirm_popup p {
font-size: 15px;
text-align: center;
margin: 10px 0 25px 0;
}

.confirm_popup .modal-body {
padding: 30px 25px;
}.confirm_popup .modal-body .btn{min-width: 80px;}

.confirm_popup .modal-body .fa-alarm-exclamation {
font-size: 30px;
margin: 0 0 20px 0;
text-align: center;
width: 100%;
color: #f60;
} 

.fieldset_box legend{width: auto;background-color: transparent;border: none;}
.right_icon .fieldset_box_1 .fa-arrow-right{right: -20px;}
.davider{position: relative;}
.right_box{background-color: #FFF;padding:15px;min-height: 270px;}

.footer{background-color: #33424f;font-size: 13px;color: #FFF;padding: 20px;text-align: center;float: left;width: 100%;}

.footer a{color: #FFF;text-decoration: none;}


.footer a:hover{text-decoration: underline;}
.row{clear: both;}

@media ( max-width: 991px ) {
.btn-custom {
font-size: 14px;
line-height: normal;
margin-top: 20px;
} 
.departure .title{font-size: 25px;}
.custom_nav #collapsibleNavbar {
position: absolute;
top: 58px;
left: 0;
right: 0;
background-color: #FFF;
box-shadow: 0 0 15px rgba(0,0,0,0.2);
padding: 20px;
z-index: 9;
} 
.custom_nav .navbar-nav li{margin-bottom: 15px;}
}


@media ( max-width: 767px )  {
.departure div[class*="col-"] {flex: 0 0 100%;max-width: 100%;width: 100%;}
.departure .offset-sm-4{margin-left: 0px;}
.btn-custom{margin-bottom: 10px;}
.right_icon .fa-arrow-right{display: none;}
.fieldset_box.fieldset_box_1{margin-bottom: 20px;}
}

fieldset 
{
border: 1px solid #ddd !important;
margin: 0;
xmin-width: 0;
padding: 10px;       
position: relative;
border-radius:4px;
background-color:#f5f5f5;
padding-left:10px!important;
}	

legend
{
font-size:14px;
font-weight:bold;
margin-bottom: 0px; 
width: 35%; 
border: 1px solid #ddd;
border-radius: 4px; 
padding: 5px 5px 5px 10px; 
background-color: #ffffff;
}

.hasDatepicker{
	display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.navbar-color{
    Background-color:#33424f;
}