/* CSS Document */
body {
    background-color: #f7f7f7;
    font-family: Segoe UI, Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000;
    margin: 0 0px;
    font-style: normal;
    line-height: 15px;
}

hr {
    color: #ccc;
    height: 1px;
}

img {
}

a img {
    border: none;

}

.font-weight-normal {
    font-weight: normal;
}

.font-size-sm {
    font-size: 14px
}

.font-size-md {
    font-size: 18px
}

.info_normal {
    width: 200px;
    margin: 5px auto;
    font-weight: normal;
    color: #000;
    padding: 5px;
    text-decoration: none;
    text-align: center;
}

.buton_normal {

    height: 20px;
    width: 200px;
    margin: 5px auto;
    background-color: #816F61;
    padding: 5px;
    text-decoration: underline;
    text-align: center;
    cursor: pointer;
}

.buton_normal a {

    color: #fff;
    font-weight: bold;
}

/* Meniu si container continut */
#menu {
    width: 200px;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    float: left;
    font-size: 14px;
}
#container_wrap {
    float: none;
    overflow: hidden;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    padding-bottom: 200px;
}
@media (max-width: 767px) {
    #menu {
        float: none;
        width: 100%;
    }
    #container_wrap {
        float: none;
        width: 100%;
    }
}

#login-form {
    width: 759px;
    margin: 15% auto;
    border: solid 1px #ccc;
    background-color: #f4f4f4;
    background-position: center 50px;
    background-repeat: no-repeat;
    padding: 0px 0 40px 0;
    background-color: #FCFCFC;
}

#login-form .title {
    background-color: #D43A38;
    background-position: 0 -2px;
    color: #fff;
    background-position: 0 -2px;
    font-family: Segoe UI, Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 5px 20px;
    margin-bottom: 95px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
}

#login-form label {
    vertical-align: top;
}

#login-form label input {
    vertical-align: middle;
}

#login-form #login-errors {
    color: #FF3300;
    margin: 5px;
    text-align: center;
}

#search-fields div {
    width: 30%;
    margin: 15px;
    float: left;
}

#user-edit {
    margin: 0px;
    float: left;
}

#search-fields div span {
    font-family: Segoe UI, Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: bold;
}

/* Form */

#login-form .buton_login input {
    font-weight: bold;
    border: solid 1px #C2BDAE;
    color: #fff;

    background-color: #D43A38;
    background-position: 0 -2px;
    height: 25px;
    width: 100px;
}

#login-form .buton_login input:hover {
    background-color: #CC3A38;
    background-position: 0 -1px;
    color: #fff;
}

#container {
    border: solid 1px #D3E0EB;
    padding: 5px;
    background-color: #FFF;
    margin-left: 30px;
}

#dhtmltooltip {
    position: absolute;
    width: 400px;
    visibility: hidden;
    z-index: 100;
}

.alert_info {
    padding: 5px 2px 5px 22px;
    margin-bottom: 4px;
    border: 1px solid #e85600;
    background: url(../images/main/agt_update_critical.png) no-repeat 2px 4px #ffcf68;
}

.error_info {
    padding: 5px 2px 5px 22px;
    margin-bottom: 4px;
    border: 1px solid #e85600;
    background: url(../images/delete.png) no-repeat 2px 4px #FC5A5A;
}

#paginare {
    padding: 3px 0px
}
.ui-datepicker-trigger{
    display: none;
}

#paginare a {
    display: block;
    float: left;
    margin: 0px 2px;
    text-decoration: none;
    width: 20px;
    height: 16px;
    background: #6ba8d9;
    line-height: 16px;
    text-align: center;
    color: #fff;
    font-weight: bold
}

#paginare a:hover {
    background: #febd00;
    color: #000;
}

#paginare a.curenta {
    background: #72d879;
    color: #fff;
}

/*optgroup { !* Text and background colour, blue on light gray *!
 color:#000;
 background-color:#F4F7FB;


 }*/

/* RECENT */
body {
    font-family: 'Source Sans Pro', sans-serif;
}

#content {
    clear: left;
    color: #ccc;
}

/*galben #fc3 color:#fff
rosu #f33 color:#fff
normal #D2EAF6 color:#2b66b6
*/
/*display:none*/
.stat_of_c {
    display: block;
    color: #2b66b6 !important;
    background: #D2EAF6;
}

.stat_of_c.rosu, .stat_of_cc.rosu {
    color: #fff !important;
    background: #f33;
}

.stat_of_c.galben, .stat_of_cc.galben {
    color: #000 !important;
    background: #fc3;
}

.stat_of_c.verde, .stat_of_cc.verde {
    color: #fff !important;
    background: #00b050;
}

.stat_of_c.negru, .stat_of_cc.negru {
    color: #fff !important;
    background: #000;
}

.stat_of_c.maro, .stat_of_cc.maro {
    background-color: #491c1c;
    color: #fff !important;
}

.stat_of_c.albastru, .stat_of_cc.albastru {
    background-color: #5bc0de;
    color: #fff !important;
}

.layer_stat_of_c {
    position: absolute !important;
    top: 0;
    right: -103px;
    background: #ffffff;
    width: 309px;
    min-height: 150px;
    display: none;
    z-index: 999;
    border: 1px solid #666;
}

.layer_stat_of_c .top_bar {
    line-height: 20px;
    background: #39c;
    color: #fff;
    text-align: left;
    padding: 0px 4px;
}

.motiv_st_of_c {
    display: none
}

.search_cl {
    width: 440px;
    height: 205px;
    float: left;
    display: inline
}

#resp_div {
    height: 148px;
    overflow: auto;
    \margin: 5px 0px;
    background-color: #f3f3f5;
}

.but_tab_1 {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #e4d6cd;
    background: #857366;
    padding: 0px 10px;
    margin-right: 5px;
    float: left;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    border: 2px solid #89786c
}

.but_tab_1:hover {
    border: 2px solid #7d6a5c;
    color: #fff
}

#explicatie {
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.buton_rezervare {
    font-size: 1.5em;
    font-weight: bold;
    padding: .15em .5em;
    background-color: #0896FF;
    color: #FFF;
    border: 3px solid #f2f2f2;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -opera-border-radius: 8px;
    border-radius: 8px;
    outline: 0;
}

.buton_rezervare:hover {
    background-color: #003580;
    cursor: pointer;
    outline: 0;
}

.box_pachet {
    width: 250px;
    margin-left: 20px;
    float: left;
    margin-bottom: 30px;
}

/*.box_pachet_bot
{
	width: 250px;
	background: url(../images/main/left_bot.png) no-repeat;
	height: 12px;

}

.box_pachet_mid
{
	text-align:center;
	width: 250px;
	background:url(../images/main/left_c.gif);
}

.box_pachet_top
{
	width: 250px;
	background: url(../images/main/left_top.gif) no-repeat;
	height: 12px;
}*/

/*.titlu_pachet_top
{
width: 218px;
height: 12px;
background: url(../images/main/tit_top.jpg) no-repeat;
}*/
/*.titlu_pachet_mid
{
width: 218px;
font-size: 14px;
font-weight: bold;
text-align:center;
color: #ffffff;
background: url(../images/main/tit_mid.jpg) repeat-y;
}

.titlu_pachet_bot
{
width: 218px;
height: 12px;
background: url(../images/main/tit_bottom.jpg) no-repeat;
}*/

#content_pachete {
    margin-left: 80px;
    width: 850px;
}

.clear {
    clear: both;
}

.descriere_scurta {
    text-align: justify;
    width: 218px;
    color: #0A6793;
    font-style: italic;
    font-size: 14px; /*height:100px;*/
}

.descriere_pachet {
    text-align: justify;
    color: #0A6793;
    font-style: italic;
    font-size: 14px;
    height: 100px;
}

.tip_pachet {
    text-align: justify;
    width: 218px;
    color: #0A6793;
    font-style: italic;
    font-size: 14px;
    font-weight: bold;
}

.info_pachet {
    margin-top: 10px;
    text-align: justify;
    width: 218px;
    color: #0A6793;
    font-size: 12px;
}

#det_pach {
    border: 1px solid #658CC3;
    background: url(../images/main/bg_det_pach.jpgg) repeat-x;
    width: 800px;
    margin: 0 auto;
    padding: 20px;
}

.order {
    color: #fff;
    text-decoration: none;
}

.btn_agentii {
    width: 850px;
}

.btn_agentii a {
    background: none !important;
    float: left;
    outline: none;
    padding: 0px 0px 4px 0px !important;
}

#btn_curent {
    background: none !important;
    float: left;
    outline: none;
    padding: 0px 0px 4px 0px !important;
    border-bottom: 2px solid #0D7DAD;
}

.btn_agentii a:hover {
    background: none !important;
    float: left;
    outline: none;
    padding: 0px 0px 4px 0px !important;
    border-bottom: 2px dotted #0D7DAD;
}

.btn_agentii img {
    float: left;
}

table#cval_wrapper {
    width: 200px;
    z-index: 999;
    border-collapse: collapse;
    background-color: #EEE;
    border: solid 1px #666677;
    position: absolute;
    margin-top: 10px;
    font-family: Segoae UI, Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
}

table#cval_wrapper tr:first-child {
    background-image: url(../images/main/th-bg1.png);
    background-position: 0 -2px;
    height: 20px;
}

table#cval_wrapper tr td {
    padding: 4px;
    width: 100px;
}

.cval_input {
    width: 100px;
    height: 14px;
}

.cval_select {
    width: 106px;
    height: 20px;
    font-family: Segoae UI, Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

table#raport_meli {
    width: 200px;
    border-collapse: collapse;
    background-color: #EEE;
    border: solid 1px #666677;
    position: absolute;
    margin-top: 10px;
    font-family: Segoae UI, Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
}

table#raport_meli tr:first-child {
    background-image: url(../images/main/th-bg1.png);
    background-position: 0 -2px;
    height: 20px;
}

table#raport_meli tr td {
    padding: 4px;
    width: 100px;
}

.cval_input {
    width: 100px;
    height: 14px;
}

.cval_select {
    width: 106px;
    height: 20px;
    font-family: Segoae UI, Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

#chat {
    position: fixed;
    right: 0;
    bottom: 0;
    margin: 0 10px 10px 0;
}

a.nume_hotel_cautare {
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    color: #0B81A8;
    text-decoration: none;
}

a.nume_hotel_cautare:hover {
    color: #FFAE00;
    text-decoration: underline;
}

a.link_cautare {
    font-size: 12px;
    text-decoration: underline;
    color: #1BB0C6;
    line-height: 22px;
    outline: none;
}

a.link_cautare_2 {
    font-size: 12px;
    text-decoration: none;
    color: #1BB0C6;
    line-height: 22px;
    outline: none;
}

a.link_cautare:hover {
    color: #FFAE00;
}

.icon_harta {
    background: url(../images/map_icon.png) no-repeat;
    padding-left: 22px;
}

.arrow {
    background-image: url(../images/arrow_right.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 12px;
}

.down {
    background-image: url(../images/arrow_down.png) !important;
}

.new_navbar {
    width: 958px;
    height: 30px;
    margin-bottom: 10px;
    clear: both;
}

.new_navbar .active_containter {
    height: 30px;
    padding-left: 10px;
    background: url(../images/main/active-arrow.png) no-repeat #B9E0E8;
    float: left;
    font-weight: bold;
    color: #333;
    width: 229px;
}

.new_navbar .inactive_containter {
    height: 30px;
    padding-left: 10px;
    background: url(../images/main/inactive-arrow.png) no-repeat #eee;
    float: left;
    font-weight: bold;
    color: #aaa;
    width: 229px;
}

.new_navbar .selected_containter {
    height: 30px;
    padding-left: 10px;
    background: url(../images/main/selected-arrow.png) no-repeat #FC8585;
    float: left;
    font-weight: bold;
    color: #333;
    width: 229px;
}

.new_navbar .active_containter span {
    height: 30px;
    line-height: 26px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    padding: 2px 20px 0px 0px;
    float: left;
}

.new_navbar .inactive_containter span {
    height: 30px;
    line-height: 26px;
    font-size: 20px;
    color: #ccc;
    font-weight: bold;
    padding: 2px 20px 0px 0px;
    float: left;
}

.new_navbar .selected_containter span {
    height: 30px;
    line-height: 26px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    padding: 2px 20px 0px 0px;
    float: left;
}

.new_navbar .text {
    padding-top: 7px;
    float: left;
    white-space: nowrap;
    padding-right: 10px;
    font-size: 14px;
}

.new_navbar a {
    color: inherit;
    text-decoration: none;
}

.new_navbar a:hover {
    color: inherit;
    text-decoration: underline;
}

#nav_meniu_orizontala ul {
    padding: 0;
}

#nav_meniu_orizontala li {
    display: block !important;
    background: none !important;
}

#nav_meniu_orizontala li a .sf-sub-indicator {
    display: none;
}

#nav_meniu_orizontala li ul.submenu_item {
    background: #C2DEEE;
    border: 1px solid #627eff;
    z-index: 20000;
    margin-top: -20px;
}

#nav_meniu_orizontala li ul.submenu_item li a {
    display: block !important;
    width: 100%;
    text-align: left !important;
}

#nav_meniu_orizontala li ul.submenu_item li a span {
    background: none !important;
    border: none !important;
    -moz-box-shadow: 0 0 0 !important;
    -webkit-box-shadow: 0 0 0 !important;
    box-shadow: 0 0 0 !important;
    text-align: left !important;
}

/*

formular create cu dl  ex: quick_add_clent pentru creative

*/
.dl_formular {
    width: 500px;
}

.dl_formular input[type=text] {
    width: 160px;
    padding: 0;
    margin: 0;
    display: inline;
}

.dl_formular dt, .dl_formular dd {
    width: 200px;
    padding: 5px;
    margin: 5px;
    float: left;
    text-align: left;
    display: inline-block;
}

.dl_formular dd {
    width: 250px;
}

/* end formulare dl */

.mwf_mesaj {
    border: solid 1px #FF6928;
    background: #FFFCDF;
    padding: 10px;
    text-align: center;
    display: none;
}

#main_wrapper_formulare fieldset {
    border: solid 2px #C8E8FA;
}

#main_wrapper_formulare legend {
    font-size: 12px;
    color: #4890B8;
}

.mwf_wrapper_actions {
    width: 100%;
    line-height: 30px
}

.mwf_wrapper_actions a {
    text-decoration: none;
    color: #40636B;
}

.mwf_btn_select {
    background: url('../../lib/images/add16x16.png');
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 auto;
}

.mwf_btn_selected {
    background: url('../../lib/images/accept16x16.png');
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 auto;
}

/* result table */

#mpf_tbl_rezultat.floating_table_not_yet {
    position: absolute;
    width: 500px;
    top: 300px;
    height: 500 pxl;
}

#mpf_tbl_rezultat th, #mpj_tbl_rezultat th {
    font-size: 13px;
    font-weight: normal;
    padding: 8px;
    background: #e8edff;
    border-right: 1px solid #9baff1;
    border-left: 1px solid #9baff1;
    color: #039;
}

#mpf_tbl_rezultat td, #mpj_tbl_rezultat td {
    padding: 8px;
    overflow: hidden;
    background: #e8edff;
    border-right: 1px solid #aabcfe;
    border-left: 1px solid #aabcfe;
    text-align: center;
    color: #669;
}

#mpf_tbl_rezultat tr:hover td, #mpj_tbl_rezultat tr:hover td {
    background: #d0dafd;
    color: #339;
}

/* ----------- stylized ----------- */
#main_wrapper_formulare {
    background: #ebf4fb;
    height: 100%;
    width: 99%;
    margin: 0 auto;
}

#main_persoana_fizica, #main_persoana_juridica {
    float: left;
    display: inline-block;
    width: 47%;
    margin: 5px;
}

#mpf_tbl_rezultat, #mpj_tbl_rezultat {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    width: 100%;
    table-layout: fixed;
    text-align: center;
    border-collapse: collapse;
    border-top: 7px solid #9baff1;
    border-bottom: 7px solid #9baff1;
}

#main_wrapper_formulare a {
    text-decoration: none;
}

#main_wrapper_formulare h1 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
}

#main_wrapper_formulare p {
    font-size: 11px;
    color: #666666;
    margin-bottom: 20px;
    border-bottom: solid 1px #b7ddf2;
    padding-bottom: 10px;
}

label.error {
    display: block !important;
    font-weight: bold;
    color: red;
}

#main_wrapper_formulare .small {
    color: #666666;
    display: block;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    width: 140px;
}

#main_wrapper_formulare input[type=text], #main_wrapper_formulare select, #main_wrapper_formulare textarea {
    float: left;
    font-size: 12px;
    border: solid 1px #aacfe4;
    width: 120px;
    padding: 2px;
}

#main_wrapper_formulare dl.dl_formular {
    width: inherit;
}

#main_wrapper_formulare textarea {
    width: 50px;
}

#main_wrapper_formulare dl.dl_formular dd {
    width: 120px;
}

#main_wrapper_formulare dl.dl_formular dt {
    width: 90px;
}

/* date titular pentru creative */
.titular_box_content {
    padding: 2px 4px 2px 4px;
    margin: 2px;
    margin-top: 0px;
    border: 1px solid #cccccc;
    background: #ececec;
    text-align: left;
    border-top: none;
    width: 675px;
}

.titular_box_header {
    padding: 2px 4px 2px 4px;
    margin: 2px;
    margin-bottom: 0px;
    border: 1px solid #4EAAA4;
    text-align: left;
    margin-top: 15px;
    width: 675px;
}

.js-mesaje-client {
    cursor: pointer;
}

.msg_info {
    background-color: #F9F9F9;
    border: 1px solid #D0D0D0;
    color: #002166;
    display: block;
    font-family: Monaco, Verdana, Sans-serif;
    margin: 14px 0;
    padding: 12px 10px;
}

.msg_error {
    background: none repeat scroll 0 0 #FBE6F2;
    border: 1px solid #D893A1;
    color: #DB1813;
    margin: 10px 0 5px;
    padding: 10px;
}

.msg_success {
    background: none repeat scroll 0 0 #e1f1c0;
    border: 1px solid #B5D56D;
    color: #62A426;
    margin: 10px 0 5px;
    padding: 10px;
}

/*creative rezervare rezultat_filtrat.tpl */
.rezultat-segment {
    margin: 50px;
    border: solid 1px #CDCDCD;
}

.sumar_rez {
    background-color: #F9F9F9;
    border: 1px solid #D0D0D0;
    color: #002166;
    display: block;
    font-family: Monaco, Verdana, Sans-serif;
    font-size: 12px;
    margin: 14px 0;
    padding: 5px;
    text-align: center;
}

.sumar_rez td {
    border: 1px #eee solid;
    padding: 5px;
}

.sumar_rez th {
    font-weight: bold !important;
    border: 1px #eee solid;
    padding: 5px;
}

.sumar_rez table {
    border-collapse: collapse;
}


.responsive-menu-button {
    display: none;
    margin: 0.25em 0;
    background: none;
    border: 1px solid transparent;
}
#navbarSupportedContent {
    display: block;
}
@media only screen and (max-width: 1280px) {
    .responsive-menu-button {
        display: inherit;
    }
    .general-menu #navbarSupportedContent {
        display: none;
        position: absolute;
        top: 75px;
        left: 0px;
        background-color: rgb(42, 63, 84);
        width: 100%;
        z-index: 10000;
        padding: 10px 15px;
    }
    .general-menu nav {
        float: none !important;
        padding: 0px;
    }
    .general-menu nav ul li, .general-menu nav .menu-item {
        display: inherit;
        padding: 5px 10px;
    }
    .general-menu .menu-item span {
        font-size: 24px;
    }
    .general-menu nav ul li a {
        font-size: 24px;
    }
}
@media only screen and (max-width: 1000px) {
    #legenda_rez {
        display: none;
    }
}

.label.label-empty {
    background-color: white;
    color: #777;
    border: 1px solid #777;
    padding: .1em .5em .2em;
}

.label.label-empty:hover, .label.label-empty:focus, .label.label-empty:active {
    background-color: #ddd;
    color: #777;
    border: 1px solid #777;
    padding: .1em .5em .2em;
}

.datepicker--cell.datepicker--cell-day.--green, .datepicker--day-name.--green {
    background-color: #d3f8dd !important;
    color: #479247 !important;
}
.datepicker--cell.datepicker--cell-day.--yellow,.datepicker--day-name.--yellow {
    background-color: #ffe9cc !important;
    color: #ffa500 !important;
}
.datepicker--cell.datepicker--cell-day.--red,.datepicker--day-name.--red {
    background-color: #f7b4c0 !important;
    color: #d9534f !important;
}
.datepicker--cell.datepicker--cell-day.--pink, .datepicker--day-name.--pink {
    background-color: rgba(255, 181, 212, 0.20) !important;
    color: #d9534fc2 !important;
}

@media (min-width: 768px) {
	.modal-xl {
		width: 90%;
		max-width: 1200px;
	}
}