/**
* Project: < ProjectName >;
* Date: < dd MM YYYY >;
* Author: < Firstname Lastname >;
* Company: TouchMedia360;
**/
/*====================================================
#   GENERAL STYLES                                   #
====================================================*/
* {
    border: 0 none;
    -webkit-box-sizing: border-box;  
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
html, body {
    border: 0 none;
    height: 100%;
    margin: 0;
    padding: 0;
}
body {
    background: none;
    color: #343434;
    font-family: open_sansregular,Arial,Helvetica,Tahoma,sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansextrabold';
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
.clearfix:after{
    content: ".";
    display: block; 
    clear: both;
    visibility: hidden;
    line-height: 0; 
    height: 0; 
}
.clearfix{
    display: inline-block; 
}
* html .clearfix{
    height: 1%; 
}
html[xmlns] .clearfix {
    display: block; 
}
img{ 
    border: 0;
}
a{
    text-decoration: none;
    color: #307674;
}
a:hover{
    text-decoration: underline;
}
.transparent{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);  
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;  
    opacity: 0.7;  
}
button{
    position: relative;
    cursor: pointer;
}
input, select, textarea {
    background-color: #fefefe;
    border: 1px solid #ededed;
    border-radius: 5px;
    color: #2d2d2d;
    font-size: 12px;
    font-family: open_sansregular, Arial, Helvetica, Tahoma, Sans-Serif;
    padding: 8px 10px;
}
input:focus, select:focus, textarea:focus{
    box-shadow: 0 0 6px -4px #006f66;
}
textarea{
    max-width: 100%;
    min-height: 120px;
}
::-webkit-input-placeholder {
    color: #959595;
    font-weight: normal;
    font-family: open_sansregular, Arial;
    opacity: 1;
}
:-moz-placeholder {
    color: #959595;
    font-weight: normal;
    font-family: open_sansregular, Arial;
    opacity: 1;
}
::-moz-placeholder {
    color: #959595;
    font-weight: normal;
    font-family: open_sansregular, Arial;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #959595;
    font-weight: normal;
    font-family: open_sansregular, Arial;
    opacity: 1;
}
/*====================================================
#   CMS DEFAULTS                                     #
====================================================*/
.error {
    width: 100%;
}
.red, .green {
    border: 1px solid;
    margin: 10px 0;
    padding: 15px 10px 15px 36px;
    background-repeat: no-repeat;
    background-position: 10px center;
    overflow: hidden;
}
.green {
    border: 1px solid #90B96B;
    color: #345F0E;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAehJREFUeNpi/P//PwMlgImBQsACIhhnCAFZjEAGkANy0B8gwQ00m5kRogpEMYHl5YF4LZBXw/D3/47/Ea/xuOD7PwaGX1AMMvDvfwGGf/8nprkkGQPZLUAVHqR4gY3hH0Ofoby+6ZcvXxjinWL0Gf4wtMC9QAAwAjXXK0jIO8gLyUl9/Pzx98Fjh24AXdOA7gIPoP/PwJwGdvoPoNP/MGQIcwkGq4mrKHz5+uXf0UtH7wBdMRGodgvCgP9ATX/+tyT5JxqCaDAfIu7DwcSWJckjqfzgwQOGU5dP3f3w4cNSoJq5DL//I0Xjn38tMX4xes+ePWOK8IowAPGBmnNZ/jPVS4vLqH7985Xl5YcXDz99+rAJGIDtQAxxIcKA/zVLViy8xM7J9uvU7VPMDnaOOkAb4sVkxTV+sPxgf/fhzdOP797vZ/gLjD4Ghn8oAQRKiYx9/AxADaAwaDF2NtN6+vMZpwCnAMP7b+8Zfrz49vrj3fdHGJgZkhhYmT4wsELTC8iHWe+RAvE/ww6g02vO7jhxjfkv49fXjK8Zvn/5+uHTzXcXgSGeC1TxAWdKRDHk81+Gp5vutnCZ8Mt8v/DpDtCBeUBrnuJNyigAmEQZ3v9h+LbzTQsw+ZYwCLJcBydjXIlkwHMjQIABAIHQ3hY9qLekAAAAAElFTkSuQmCC') no-repeat scroll 10px center #C2EE9B;
}
.red {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX5JREFUeNrEU71OwlAUPrVqrDFBHsARX6AJri4kJSEyEBMHggkLK8EEFsauvoPo4iN04gkgLiYOOBHUxDSUCBO0XL9z7a1t1YnBJl967/l+enIOaEII2uTZog2fbXW41zTSiSwcbaAbEDl+TJTmLsLO4x1YIOzzTscMvoRWmjtrNn9yPAPGHdFg3W6Lx1JJLFstwXfACjF4r9clN6lWJad8UUAPwhsQXqMh+vm8eK3VBN8ZT+WyrA0LBVljrfJpags9zMBnAi2eVirm82hEmUyGFosFvUwmZBgGzcfjoYYZYCbOZehLBKzwDsKQo1zOnLqu5HRdpw/XlWYM09lBTQVEW3gDdsMChLSazWhfkUEgw9nCm1n+9TuAwILAPs5mTcP36QA1Ba4xJ5LbSa4RX7FPIFSmB88bMtSduVVqjVEAE8WYuQ8jvthl9GMhxe+QZMAcwlsI93DmN9/RrsP4jVO+aAtX2IKH1tZIR2o3C+NhKJoBae46vcZ/+zd+CjAAN5vaL1x3kMMAAAAASUVORK5CYII=') no-repeat scroll 10px center #FABBBB;
    border: 1px solid #C88383;
    border-radius: 3px 3px 3px 3px;
    color: #882626;
}
.ajax-loading:before {
    background: url("../images/ajax-loading.gif") no-repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    height: 11px;
    left: 10px;
    margin: auto 0;
    position: absolute;
    top: 0;
    width: 16px;
}
/*====================================================
#   MAIN BLOCKS                                      #
====================================================*/
#page {
    display: block;
    min-height: 100%;
    position: relative;
    width: 100%;
}
#wrapper {
    display: block;
    width: 100%;
}
.container {
    display: block;
    margin: 0 auto;
    padding: 21px 15px;
    position: relative;
    width: 1200px;
}
/*====================================================
#   HEADER                                           #
====================================================*/
header#header {
    background-color: #fff;
    display: block;
    height: 225px;
    position: relative;
    width: 100%;
    z-index: 10;
}


/*====================================================
#   FOOTER                                           #
====================================================*/
footer#footer {
    background-color: #c8c8c8;
    display: block;
    height: 90px;
    width: 100%;
    z-index: 9;
}
/**## START HACK: Keep footer at the bottom **/
footer#footer { bottom: 0; left: 0; position: absolute; }
main#content { padding-bottom: 200px;  /* #footer's height */ }
/**## END HACK: Keep footer at the bottom **/


/*====================================================
#   CONTENT                                          #
====================================================*/
main#content {
    display: block;
    position: relative;
    width: 100%;
    z-index: 8;
}
.center {
    text-align: center;
}
#header .header-logo {
    display: block;
    margin-top: 90px;
}
#login {
    display: inline-block;
    min-height: 696px;
    width: 38%;
}
.login-background {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.login-title {
    color: #464548;
    font-family: open_sanslight;
    font-size: 26px;
    margin: 30px 0 25px;
}
#login > input {
    height: 45px;
    margin: 2px 0;
    text-align: center;
    width: 100%;
}
.intraSistem {
    background-color: #00a6e1;
    color: #fff;
    margin-top: 5px;
    padding: 10px 0;
    width: 100%;
}
.loginForm-links > a {
    color: #424242;
    font-family: open_sanslight;
    font-size: 17px;
    margin: 0 10px;
    text-decoration: none !important;
}
.loginForm-links {
    margin: 10px 0;
}
.loginForm-info {
    color: #424242;
    font-family: open_sanslight;
    font-size: 14px;
}
.loginForm-info > a {
    color: #424242;
    text-decoration: underline;
}
.copyright {
    color: #fff;
    font-family: open_sanslight;
    font-size: 13px;
    position: relative;
    text-align: center;
    top: 12px;
}
.copyright > a {
    color: #fff;
    font-family: open_sanslight;
    font-size: 13px;
    text-align: center;
}
.left-options-wrapper {
    background-color: #1f558a;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 250px;
}
#wrapper2 {
    display: block;
    padding-left: 250px;
    width: 100%;
    min-height: 700px;
}
.left-title {
    color: #fff;
    font-family: open_sanslight;
    font-size: 15px;
    margin-top: 30px;
    padding-left: 15%;
}
.left-title > p {
    color: #ababab;
    font-size: 11px;
}
.left-options > a {
    color: #fff;
    display: block;
    font-family: open_sansregular;
    font-size: 14px;
    margin: 20px 0;
    padding: 10px 10% 10px 15%;
    text-decoration: none !important;
}
.useroff {
    font-size: 16px;
    padding-top: 20px;
    text-align: center;
    width: 100%;  
}
.loginLink:hover{
    text-decoration: none;
}
.loginLink {
    background-color: #00a6e0;
    display: inline-block;
    font-size: 20px;
    padding: 34px;
    position: relative;
    text-align: center;
    width: 100%;
    color: white;
}
.left-options > a:hover {
    background-color: #00a6e0; 
}
header#header2 {
    background-color: #fff;
    border-bottom: 3px solid #ccc;
    display: block;
    height: 100px;
    position: relative;
    width: 100%;
    z-index: 10;
}
#header2 .header-logo {
    display: block;
    padding-left: 20px;
    padding-top: 20px;
}
#header2 .header-logo > img {
    width: 200px;
}
.logoutBtn {
    background-color: #00a6e0;
    color: #fff;
    font-family: open_sanslight;
    font-size: 14px;
    padding: 38px 55px;
    position: absolute;
    right: 12%;
    top: 0;
}
.yui3-button {
    margin:10px 0px 10px 0px;
    color: #fff;
    background-color: #3476b7;
}
.cusca [type="radio"] {
  border: 0; 
  clip: rect(0 0 0 0); 
  height: 1px; margin: -1px; 
  overflow: hidden; 
  padding: 0; 
  position: absolute; 
  width: 1px;
}
.cusca label {
  display: block;
  cursor: pointer;
  line-height: 2.5;
  font-size: 20px;
  font-family: open_sansregular;
  color: #606060;
  width: 60%;
  margin: auto;
}
.cusca {
    position: relative;
    display: block;
    width: 70%;
    margin-top: 40px;
}
.cusca [type="radio"] + span {
  display: block;
}
.cusca [type="radio"] + span:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.25em;
  border-radius: 1em;
  border: 2px solid #fff;
  box-shadow: 0 0 0 2px #767676;
  margin-right: 0.75em;
  transition: 0.5s ease all;
}
.cusca [type="radio"]:checked + span:before {
  background: #00a6e0;
}
.cusca [type="radio"]:focus + span:after {
  font-size: 1.5em;
  line-height: 1;
  vertical-align: -0.125em;
}
.subtitlu {
    width: 100%;
    padding: 15px 20px;
    background-color: #00a6e0;
    font-size: 14px;
    font-family: open_sanssemibold;
    color: #fff;
}
.subtitlu span {
    font-family: open_sansextrabold;
}
.jum {
    position: relative;
    display: inline-block;
    margin-left: 55px;
    margin-top: 45px;
    width: 37%;
    vertical-align: top;
}
.intreg {
    position: relative;
    display: block;
    margin-left: 55px;
    margin-top: 45px;
    width: 77%;
    vertical-align: top;
}
#calendar .ui-datepicker {
    width: 100%;
    border: none;
    border-top: 1px solid #dedede;
    padding: 0px;
    margin-top: 20px;
}
#calendar .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    border: none;
    padding: 15px 30px;
    font-family: open_sansregular;
    font-size: 16px;
    background: none;
    background: rgba(250, 250, 250, 1) none repeat scroll 0 0
}
.ui-datepicker .ui-datepicker-prev span{
    background: url("../images/next.png");
    background-size: 100%;
    display: block;
    height: 25px;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    position: absolute;
    top: 0;
    width: 25px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.ui-datepicker .ui-datepicker-next span{
    background: url("../images/next.png");
    background-size: 100%;
    display: block;
    height: 25px;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    position: absolute;
    top: 0;
    width: 25px;
}
#calendar .ui-datepicker .ui-datepicker-prev, #calendar .ui-datepicker .ui-datepicker-next {
    height: 25px;
    margin-top: 14px;
    width: 25px;
}
#calendar .ui-datepicker .ui-datepicker-prev {
    margin-left: 20px;
}
#calendar .ui-datepicker .ui-datepicker-next {
    margin-right: 20px;
}
#calendar .ui-datepicker th {
    width: 10%;
}
#calendar thead {
    background-color: #f0f0f0;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    font-size: 11px;
    color: #1f558a;
    font-family: open_sanssemibold;
}
#calendar thead th {
    font-weight: normal !important;
    text-transform: uppercase;
}
#calendar tr {
    border-bottom: 1px solid #dedede;
    padding: 10px 0px;
}
#calendar .ui-state-default, #calendar .ui-widget-content .ui-state-default, #calendar .ui-widget-header .ui-state-default {
    border: none;
    margin: auto;
    padding: 10px 0px;
    width: 36%;
    background-color: #fff;
    text-align: center;
    border-radius: 31px;
    background: none;
}
#calendar .ui-datepicker td {
    padding: 0px;
    font-family: open_sanssemibold;
    font-size: 14px;
    text-align: center;
}
#calendar .ui-widget-content #calendar .ui-state-hover {
    background-color: #ee1752;
    color: #fff;
    padding: 5px;
}
#calendar .ui-widget-content .ui-state-active {
    background-color: #ee1752;
    border-radius: 31px;
    color: #fff;
    margin: auto;
    padding: 5px;
    width: 36%;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 2px;
    background: none;
    border:none;
    top: 2px;
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev-hover{
    left: 2px;
    background: none;
    border:none;
    top: 2px;
    cursor: pointer;
}
.pasager-info {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 30px;
}
.pasager-info .form-field {
    margin-bottom: 5px;
    background-color: #ababab;
    font-family: open_sansregular;
    font-size: 14px;
    color: #000;
    border-radius: 3px;
}
.pasager-info .form-field span {
    width: 30%;
    position: relative;
    display: inline-block;
    text-align: right;
    padding: 10px 15px;
    border-right: 3px solid #fff;
}
.pasager-info .form-field input {
    width: 69%;
    vertical-align: top;
    padding: 10px 15px;
    position: relative;
    display: inline-block;
    font-size: 14px;
    border: none;
    background-color: #ababab;
}
.selectize-control.single .selectize-input {
    background-color: #ababab !important;
    background-image: none !important;
}
.selectize-input, .selectize-control.single .selectize-input.input-active {
    background-color: #ababab !important;
}
.pasager-info .ceva1 {
    width: 30%;
    position: relative;
    display: inline-block;
    text-align: right;
    font-size: 14px;
    padding: 10px 15px;
    border-right: 3px solid #fff;
}
.pasager-info .ceva2 {
    width: 70%;
    padding: 10px 15px;
    position: relative;
    font-size: 14px;
    vertical-align: top;
    display: inline-block;
    border: none;
    background-color: #ababab;
}
.pasager-info .ceva3 {
    background-color: #ababab;
    border-radius: 3px;
    color: #000;
    font-family: open_sansregular;
    font-size: 14px;
    margin-bottom: 5px;
}
.pasager-info .form-field select {
    width: 69%;
    padding: 10px 15px;
    position: relative;
    display: inline-block;
    border: none;
    background-color: #f2f2f2;
}
.pasager-info img {
    background-color: #f2f2f2;
    border-radius: 3px;
    padding: 15px 11px 16px;
    position: absolute;
    right: 1px;
}
.pasager-info input:focus, select:focus, textarea:focus {
    box-shadow: none;
}
.pasager-info .submitFormBtn {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    background-color: #0fabe2;
    color: #fff;
    font-family: open_sansregular;
    font-size: 15px;
    padding: 10px 0px;
    border-radius: 3px;
    margin-top: 10px;
}
.asigneaza {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    background-color: #dbf2fb;
    color: #565656;
    font-family: open_sansregular;
    font-size: 13px;
    padding: 10px 0px;
    border-radius: 3px;
    margin-top: 10px;
}
.rugam {
    font-size: 14px;
    color: #ee1752;
    font-family: open_sanssemibold;
    margin-bottom: 20px;
}
.rugam span {
    font-family: open_sansextrabold;
    color: #030303;
}
.lista {
    position: relative;
    display: block;
    width: 100%;
    list-style-type: none;
    border-top: 1px solid #cdcdcd;
}
/* .lista [type="radio"] {
  border: 0; 
  clip: rect(0 0 0 0); 
  height: 1px; margin: -1px; 
  overflow: hidden; 
  padding: 0; 
  position: absolute; 
  width: 1px;
}
.lista label {
  display: inline-block;
  cursor: pointer;
  line-height: 2.5;
  font-size: 13px;
  font-family: open_sansregular;
  color: #606060;
  margin: auto;
  width: 92%;
}
.lista [type="radio"] + span {
  display: block;
}
.lista [type="radio"] + span:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.25em;
  border-radius: 1em;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px #767676;
  margin-right: 0.75em;
  transition: 0.5s ease all;
}
.lista [type="radio"]:checked + span:before {
  background: #00a6e0;
}
.lista [type="radio"]:focus + span:after {
  font-size: 1.5em;
  line-height: 1;
  vertical-align: -0.125em;
} */
.view {
    display: inline-block;
    margin-top: 8px;
    position: relative;
    vertical-align: top;
    float: right;
    cursor: pointer;
}
.lista li {
    border-bottom: 1px solid #cdcdcd; 
}
.rosu {
    color: #ee1752;
    display: inline-block;
    position: relative;
}
.albastru {
    color: #1f558a;
    display: inline-block;
    position: relative;
}
.ct-buc {
    display: inline-block;
    position: relative;
    width: 45%;
    margin-top: 20px;
    vertical-align: top;
}
.despartire {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 9%;
}
.continua {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    background-color: #ececec;
    color: #1f558a;
    font-family: open_sanssemibold;
    font-size: 18px;
    padding: 10px 0px;
    border-radius: 3px;
    margin-top: 30px;
    text-decoration: none !important;
}
.titlu {
    font-size: 23px;
    color: #000000;
    font-family: open_sansregular;
    margin-bottom: 30px;
}
.sofer-info {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 20px;
}
.sofer-info .form-field {
    margin-bottom: 10px;
    font-family: open_sansregular;
    font-size: 12px;
    color: #484848;
}
.sofer-info .form-field span {
    width: 35%;
    font-size: 14px;
    position: relative;
    display: inline-block;
    text-align: right;
    padding: 10px 15px;
}
.sofer-info .form-field input {
    width: 64%;
    font-size: 14px;
    padding: 10px 15px;
    position: relative;
    display: inline-block;
}
.sofer-info .form-field select {
    width: 64%;
    font-size: 14px;
    padding: 10px 15px;
    position: relative;
    display: inline-block;
}
.sofer-info img {
    background-color: #fff;
    border-radius: 3px;
    margin-top: 1px;
    padding: 16px 11px 16px;
    position: absolute;
    right: 4px;
}
.sofer-info .submitFormBtn {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    background-color: #0fabe2;
    color: #fff;
    font-family: open_sansregular;
    font-size: 15px;
    padding: 10px 0px;
    border-radius: 3px;
    margin-top: 10px;
}
.soferi-box {
    background-color: #f8f8f8;
    padding: 15px;
    border: 1px solid #000;
    width: 48%;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    margin-bottom: 20px;
}
.linie {
    display: block;
    padding: 5px;
    font-size: 14px;
    position: relative;
    width: 100%;
    font-family: open_sansregular;
    color: #484848;
}
.linie > span {
    display: inline-block;
    margin-right: 30px;
    position: relative;
    text-align: right;
    width: 30%;
    color: #1f558a;
}
.modifica {
    position: absolute;
    right: 30px;
    top: 40px;
    cursor: pointer;
}
.sterge {
    position: absolute;
    right: 30px;
    top: 105px;
    cursor: pointer;
}
.auto-info {
    position: relative;
    display: block;
    width: 100%;
}
.auto-info .form-field {
    margin-bottom: 10px;
    font-family: open_sansregular;
    font-size: 14px;
    color: #484848;
}
.auto-info .form-field span {
    width: 35%;
    font-size: 14px;
    position: relative;
    display: inline-block;
    text-align: right;
    padding: 10px 15px;
}
.auto-info .form-field input {
    width: 64%;
    font-size: 14px;
    padding: 10px 15px;
    position: relative;
    display: inline-block;
}
.auto-info .submitFormBtn {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    background-color: #0fabe2;
    color: #fff;
    font-family: open_sansregular;
    font-size: 15px;
    padding: 10px 0px;
    border-radius: 3px;
    margin-top: 10px;
}
.yui3-button {
    margin:10px 0px 10px 0px;
    color: #fff;
    background-color: #3476b7;
}
.cursa-info {
    position: relative;
    display: block;
    width: 100%;
}
.cursa-info .form-field {
    margin-bottom: 10px;
    font-family: open_sansregular;
    font-size: 14px;
    color: #484848;
}
.cursa-info .form-field span {
    width: 35%;
    font-size: 14px;
    position: relative;
    display: inline-block;
    text-align: right;
    padding: 10px 15px;
}
.cursa-info .form-field input {
    width: 64%;
    padding: 10px 15px;
    position: relative;
    display: inline-block;
}
.cursa-info .form-field select {
    width: 64%;
    padding: 10px 15px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.cursa-info img {
    background-color: #fff;
    border-radius: 3px;
    margin-top: 1px;
    padding: 15px 11px 14px;
    position: absolute;
    right: 4px;
}
.cursa-info .submitFormBtn {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    background-color: #0fabe2;
    color: #fff;
    font-family: open_sansregular;
    font-size: 13px;
    padding: 10px 0px;
    border-radius: 3px;
    margin-top: 10px;
}
.middle {
    width: 49.7%;
    display: inline-block;
}
.middle input {
    width: 58% !important;
}
.middle span {
    width: 40% !important;
}
.rosub {
    color: #ee1752;
    display: inline-block;
    position: relative;
    font-family: open_sansbold;
}
.preview {
    display: none;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.95);
    top: -500px;
    left: 0px;
    z-index:9;
    border: 1px solid #d2d2d2;
    border-bottom: none;
    max-height: 700px;
    overflow: auto;
}
.inchide {
    position: absolute;
    top: 15px;
    right: 10px;
    color: #989898;
    font-family: open_sansregular;
    font-size: 12px;
    cursor: pointer;
}
.inchide > img {
    display: inline-block;
    margin-left: 5px;
    margin-top: -8px;
    position: relative;
    vertical-align: top;
}
.detalii {
    font-size: 15px;
    color: #606060;
    position: relative;
    display: block;
    font-family: open_sansregular;
    margin-top: -30px;
    padding: 0px 40px;
}
.sters {
    position: relative;
    display: block;
    font-family: open_sansregular;
    font-size: 14px;
    color: #cecdcd;
    padding: 0px 40px;
}
.banda-albastra {
    position: relative;
    margin-top: 5px;
    width: 100%;
    background-color: #1267ba;
    padding: 15px 40px;
    color: #ffffff;
    font-size: 15px;
    font-family: open_sansregular;
}
.larg {
    padding: 20px 40px 0px;
}
.detalii-pasageri {
    padding: 20px 40px;
    position: relative;
    display: block;
    border-bottom: 1px solid #d2d2d2;
}
.linie-alta {
    color: #7b7b7b;
    display: block;
    font-family: open_sansregular;
    font-size: 13px;
    position: relative;
    width: 100%;
}
.linie-alta > span {
    color: #1f558a;
    display: inline-block;
    margin-right: 15px;
    position: relative;
    text-align: right;
    width: 27%;
}
.preview-mare {
    position: relative;
    display: block;
    width: 88%;
}
.informatii-aplicatie {
    position: absolute;
    top: 35px;
    right: 0px;
}
.trimite-aplicatie {
    background-color: #d72323;
    border-radius: 3px;
    padding: 10px 20px;
    color: #fff;
    font-size: 15px;
    font-family: open_sansregular;
    cursor: pointer;
}
.informatii-aplicatie span {
    color: #010101;
    font-family: open_sansregular;
    font-size: 12px;
}
.casute {
    border: 1px solid #000;
    display: inline-block;
    margin: 20px;
    padding: 20px 0;
    position: relative;
    vertical-align: top;
    width: 46%;
}
.bigger {
    position: relative;
    display: block;
    padding-left: 40px;
}
.border-not {
    border-right: none;
}
.not-bot {
    border-bottom: none;
}
.dist {
    margin-bottom: 20px;
    margin-top: 10px;
}
.list-item-left {
    display: inline-block;
    width: 82%;
    vertical-align: middle;
}
.list-item-right {
    display: inline-block;
    width: 17%;
    vertical-align: middle;
    text-align: center;
}
.modifica-auto {
    background: transparent none repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    position: relative;
}
.sterge-auto {
    background: transparent none repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    position: relative;
}
.modifica-driver {
    background: transparent none repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    position: relative;
}
.sterge-driver {
    background: transparent none repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    position: relative;
}
.modifica-cursa {
    background: transparent none repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    position: relative;
}
.sterge-cursa {
    background: transparent none repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    position: relative;
}
.modifica-cursa2 {
    background: transparent none repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    position: relative;
}
.sterge-cursa2 {
    background: transparent none repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    position: relative;
}
.transformare {
    position: relative;
    display: inline-block;
}
.viewul {
    background-color: #fff;
    border-radius: 5px;
    color: #000;
    display: inline-block;
    margin: 10px auto 0px;
    padding: 5px 0;
    position: relative;
    vertical-align: top;
    width: 140px;
    text-decoration: none !important;
}
.viewul img {
    position: relative;
    vertical-align: top;
    margin-top: 2px;
    margin-left: 5px;
}
.linie-alta > p {
    display: inline;
}
.left-options-wrapper > form {
    padding: 20px 20px 0px;
    text-align: center;
}
.cautare-field {
    width: 100%;
}
.modifica-pasager {
    background: transparent none repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    position: relative;
}
.sterge-pasager {
    background: transparent none repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    position: relative;
}
.alb {
    background-color: #fff;
}
.selectize-control {
    border: medium none;
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 69%;
}
.selectize-control.single .selectize-input, .selectize-dropdown.single {
    border: none;
    box-shadow: none !important;
    font-size: 14px;
}
.selectize-dropdown [data-selectable] .highlight {
    width: auto;
    padding: 0px;
    border: 0px;
}
.bul-gri {
    width: auto! important;
    padding: 0px !important;
    border: 0px !important;
    color: #b8b8b8;
    font-size: 30px;
    vertical-align: top;
}
.bul-neagra {
    width: auto! important;
    padding: 0px !important;
    border: 0px !important;
    color: #000;
    font-size: 30px;
    vertical-align: top;
}
.asavreau1 [type="radio"]:checked + span::before  {
    background: #484848 none repeat scroll 0 0
}
.asavreau2 [type="radio"]:checked + span::before {
    background: #00a6e0 none repeat scroll 0 0
}
.asavreau3 [type="radio"]:checked + span::before {
    background: #ff3939 none repeat scroll 0 0
}
.parte {
    position: relative;
    display: block;
    width: 50%;
    margin-bottom: 20px;
    display: none;
}
.ad-alt {
    background-color: #0fabe2;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-family: open_sansregular;
    font-size: 15px;
    margin-top: 10px;
    padding: 10px 0;
    position: relative;
    text-align: center;
    width: 30%;
    cursor: pointer;
    margin-bottom: 20px;
}
.bam {
    background-color: #0fabe2;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: open_sansregular;
    font-size: 15px;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 10px 0;
    position: relative;
    text-align: center;
    width: 100%;
}
.griul {
    background-color: #d4d4d4;
}
.tab [type="radio"] {
  border: 0; 
  clip: rect(0 0 0 0); 
  height: 1px; margin: -1px; 
  overflow: hidden; 
  padding: 0; 
  position: absolute; 
  width: 1px;
}
.tab label {
  display: inline-block;
  cursor: pointer;
  line-height: 2.5;
  font-size: 20px;
  font-family: open_sansregular;
  color: #606060;
  width: 33%;
  margin: auto;
}
.tab {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.tab [type="radio"] + span {
  display: block;
}
.tab [type="radio"] + span:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.25em;
  border-radius: 1em;
  border: 2px solid #fff;
  box-shadow: 0 0 0 2px #767676;
  margin-right: 0.75em;
  transition: 0.5s ease all;
}
.tab [type="radio"]:checked + span:before {
  background: #00a6e0;
}
.tab [type="radio"]:focus + span:after {
  font-size: 1.5em;
  line-height: 1;
  vertical-align: -0.125em;
}
.dispari {
    display: none;
    font-size: 14px;
    padding: 10px 15px;
    position: relative;
    text-align: right;
    width: 35%;
}
.destinatie {
    text-align: center;
}
.dispari input {
    display: inline-block;
    padding: 10px 15px;
    position: relative;
    width: 64%;
}
.destinatie .form-field  {
    font-size: 14px;
    padding: 10px 15px;
    position: relative;
    text-align: right;
    width: 100%;
    margin: auto;
}
.destinatie .form-field > span {
    font-size: 14px;
    padding: 10px 15px;
    position: relative;
    text-align: right;
    width: 35%;
}
.destinatie .form-field > input {
    display: inline-block;
    padding: 10px 15px;
    position: relative;
    width: 64%;
}
.departe {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    background-color: #ececec;
    color: #1f558a;
    font-family: open_sanssemibold;
    font-size: 18px;
    padding: 10px 0px;
    border-radius: 3px;
    margin-top: 30px;
    text-decoration: none !important;
}
.table-titlu {
    display: inline-block;
    font-family: open_sansregular;
    font-size: 24px;
    padding: 20px 0;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 100%;
    border-bottom: 1px solid #000;
}
.listuta {
    position: relative;
    display: table-cell;
    vertical-align: top;
    width: 33.35%;
    height: 100%;
    margin-right: -3px;
    min-height: 500px;
}
.listuta ul {
    list-style-type: none;
    text-align: center;
    font-size: 14px;
    font-family: open_sansregular; 
}
.listuta li {
    padding: 10px 10px 0px;
    border-bottom: 1px solid #000;
}
.listuta li span {
    display: block;
}
.listuta div {
    display: inline-block;
}
.bordura {
    border: 1px solid #000;
    display: table;
}
.mijlocut {
    border-right: 1px solid #000;
    border-left: 1px solid #000;
}
.coln {
    background-color: #484848;
    color: #fff;
}
.cola {
    background-color: #00a6e0;
    color: #fff;
}
.colr {
    background-color: #ff3939;
    color: #fff;
}
.sterge-curse {
    background-color: #fff;
    border-radius: 5px;
    color: #000;
    cursor: pointer;
    display: inline-block;
    margin: 10px auto 0;
    padding: 5px 10px;
}
.casuta {
    border: 1px solid #000;
    display: inline-block;
    margin-bottom: 30px;
    margin-right: 30px;
    padding: 15px;
    position: relative;
    vertical-align: top;
    width: 47%;
    color: #606060;
    font-family: open_sansregular;
    font-size: 20px;
}
.scoate {
    background-color: #0fabe2;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: open_sansregular;
    font-size: 15px;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 10px 0;
    position: relative;
    text-align: center;
    width: 100%;
}
.miscare {
    position: relative;
    display: block;
    width: 33%;
    vertical-align: top;
}
.orice {
    color: #484848;
    font-family: open_sansregular;
    font-size: 14px;
    position: relative;
    text-align: center;
    display: block;
}
.toate li {
    padding: 10px;
}
#driverForm {
    position: relative;
    display: inline-block;
    margin: 20px 0px 20px 40px;
    width: 200px;
}
#driverForm .form-field select {
    display: inline-block;
    font-size: 14px;
    padding: 10px 15px;
    position: relative;
    width:100%;
}
#driverForm img {
    background-color: #fff;
    border-radius: 3px;
    margin-top: 1px;
    padding: 16px 11px;
    position: absolute;
    right: 1px;
}
.sof-add {
    background-color: #0fabe2;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: open_sansregular;
    font-size: 15px;
    margin-top: 10px;
    padding: 10px 0;
    position: relative;
    text-align: center;
    width: 100%;
}
#masinaForm {
    position: relative;
    display: inline-block;
    margin: 20px 0px 20px 40px;
    width: 200px;
}
#masinaForm .form-field select {
    display: inline-block;
    font-size: 14px;
    padding: 10px 15px;
    position: relative;
    width:100%;
}
#masinaForm img {
    background-color: #fff;
    border-radius: 3px;
    margin-top: 1px;
    padding: 16px 11px;
    position: absolute;
    right: 1px;
}
.istoricul {
    border-top: 1px solid #000;
    display: block;
    padding-top: 20px;
    position: relative;
}
.shou {
    display: none;
    margin-top: 20px;
}
.showmic {
    display: block;
    top: 35px;
    right: 35px;
    background-color: #0fabe2;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: open_sansregular;
    font-size: 15px;
    padding: 10px 0;
    position: absolute;
    text-align: center;
    width: 15%;
}
input, select, textarea {
    border: 1px solid #000;
    color: #000;
}
.spe {
    height: 83px;
}
.print-link {
    background-color: #b1b1b1;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-family: open_sansregular;
    font-size: 15px;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 10px 0;
    position: relative;
    text-align: center;
    width: 77%;
    margin-top: 40px;
    margin-left: 55px;
    text-decoration: none !important;
}
.toggle-off-canvas {
    display: none;
}
.inline {
    display: inline-block;
    position: relative;
    vertical-align: top;
}
.extra-comm {
    background-color: #fe5d5d!important;
}
.extra-spe {
    background-color: #fe5d5d!important;
}
.fix-box{
/*    height: 500px;*/
}
.span-extra{
    padding: 21px 15px!important;
}
.red-bg {
    background: red!important;
    color: #fff!important;
}
.modificari-container {
    margin: 20px 0 0 0;
    border-top: 1px solid #b2b2b2;
    padding: 20px 0 0 0;
}
.mod-title {
    font-size: 18px;
}
.modificare-content {
    padding: 15px 20px;
    border-bottom: 1px solid #d2d2d2;
    margin: 0 24px;
    font-size: 14px;
}
.schimba-cursa-container {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-top: 10px;
}
.detalii2 {
    font-size: 15px;
    color: #606060;
    position: relative;
    display: inline;
    font-family: open_sansregular;
    padding: 0px 20px;
}
.schimba-cursa-container > select {
    width: 50%;
}
.move-custom {
    margin-left: 15px;
    width: 20%;
    padding: 10px;
    display: inline-block;
    position: relative;
    background-color: #72e5bd;
    color: #fff;
}
@media print{
    .bordura {
        border: 1px solid #000;
        display: table;
    }
    .intreg {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        margin: 0;
    }
    .mijlocut {
        border-left: 1px solid #000;
        border-right: 1px solid #000;
    }
    .listuta {
        display: table-cell;
        height: 100%;
        margin-right: -3px;
        min-height: 500px;
        position: relative;
        vertical-align: top;
        width: 33.35%;
    }
    .listuta div {
        display: inline-block;
    }
    .table-titlu {
        border-bottom: 1px solid #000;
        display: inline-block;
        font-family: open_sansregular;
        font-size: 24px;
        padding: 20px 0;
        position: relative;
        text-align: center;
        vertical-align: top;
        width: 100%;
    }
    .listuta ul {
        font-family: open_sansregular;
        font-size: 14px;
        list-style-type: none;
        text-align: center;
    }
    .toate li {
        padding: 10px;
    }
    .listuta li {
        border-bottom: 1px solid #000;
        padding: 10px 10px 0; 
    }
    .coln {  
        background-color: #484848;
        color: #fff;
    }
    .listuta li span {
        display: block;
    }
    header nav, footer {
        display: none;
    }
    .listuta div {
        display: inline-block;
    }
    .left-options-wrapper, .jum, #header2, .viewul, footer, .print-link, .sterge-curse {
        display: none!important;
    }
    .cola {
        background-color: #00a6e0;
        color: #fff;
    }
    .coln {
        background-color: #484848;
        color: #fff;
    }
    .colr {
        background-color: #ff3939;
        color: #fff;
    }
    #page, main#content{
        position:absolute;
        top: 0;
        left: 0;
    }

}