@charset "UTF-8";
/* CSS Document */

.navbar{ margin:0}
.navbar-default{ background-color:#1f1f21; background-image:none}
.navbar-default .navbar-brand{ color:#fff; text-shadow:none}


.cap_tabel{ background-color:#d7d8da; padding:15px 0}
.cap_tabel p{ padding:0 0 0 15px; margin:0; font-weight:700; font-size:18px}

.page-header{ font-size:18px; padding:0; margin:14px 0 14px 0; border:none; height:30px}
.page-header span{ font-size:21px; color:#1f1f21}
.page-header span:hover{ color:#DE092F}

/*reset*/
.mt10{ margin-top:10px}
.mt40{ margin-top:40px}
.mb10{ margin-bottom:10px}
.mb20{ margin-bottom:20px}
.border{ }

.link p{ text-align:center}
.link a{ color:#fff; font-size:14px}
.link a:hover{ text-decoration:none; color:#DE092E}
/*login*/
.logo{ text-align:center; margin:120px 0 0 0; max-width:100%; height:auto;}

.login p{ color:#fff; font-size:14px; padding:10px 0; margin:0}
.bt-login{font-size:31px; margin:30px 0 0 0; background-color:#DE092E; padding:8px 30px; border:none;  color:#FFF; border-radius:4px; float:right}
.bt-login2{font-size:18px; margin:10px 0 0 0; background-color:#DE092E; padding:4px 12px; border:none;  color:#FFF; border-radius:4px; }
.bt-login2:hover{ color:#FFF; text-decoration:none }

/*USER*/
.bg_user{ background-color:#DFDFE1; margin:20px 0 0 0; padding:10px 0 5px 0 }
.bg_user2{ background-color:#DFDFE1; padding:10px 0 5px 0 }
.user_name{ font-size:24px}
.user_name a{ color:#1f1f21}
.user_name a:hover{ text-decoration:none; color:#DE092E}


.user_btn span{ margin:8px 5px 0 0}
.user_btn a{ font-size:24px; color:#1f1f21}
.user_btn a:hover{ color:#DE092E}

.footer_user{ height:50px; margin:40px 0 0 0; text-align:center}


.add_user{ background-color:#DE092E; color:#fff; padding:10px 6px 10px 14px; margin:0; font-size:24px }
.add_user:hover{ color:#fff; text-decoration:none}
.add_user span{ padding:0; margin:0}


.bt_add{ font-size:14px; margin:10px 0 0 0; background-color:#1f1f21; padding:4px 12px; border:none; background-image:none}
.bt_add:hover{ background-color:#DE092E; padding:4px 12px; border:none; background-image:none}
.f1{ border-radius:4px; font-size:14px; padding:3px 12px; border:1px solid #ccc; margin:12px 0 0 0; width:100%}
.f2{ font-size:16px; border:none; padding:3px 0; margin:12px 0; width:100%}



.bt_anuleaza{font-size:16px; margin:40px 0 0 0; background-color:#B3B2B6; padding:8px 20px;  border:none;color:#fff; border-radius:4px; float:left; text-align:center }
.bt_anuleaza:hover{ text-decoration:none; color:#FFF}
.bt_trimite{font-size:16px; margin:40px 0 0 0; background-color:#DE092E; padding:8px 20px;  border:none; color:#fff; border-radius:4px; float:right; text-align:center}
.bt_trimite:hover{ text-decoration:none; color:#FFF}


.bg-grey{ background-color:#ccc}
.bg-grey p{ font-size:18px; color:#DE092E; margin:0; padding:10px 0}

.bg-trimite{  border-top: 1px solid #d7d8da; padding:40px 0 0 0 }
.bg-trimite p{ text-align:center}
.bg-trimite a{ border-radius:4px; background-color:#1f1f21; font-size:18px; padding:6px 12px; color:#FFF}
.bg-trimite a:hover{background-color:#DE092E; color:#FFF; text-decoration:none}

.border{ border:1px solid #010000;}
.border p{ font-size:14px; padding:15px 0; margin:0}
.border2{ border-right:1px solid #010000; padding-bottom:8px}
.border2 p{ padding:8px 0 4px 0; margin:0; font-size:18px; line-height:1.1em}
.border3{  padding-bottom:8px 0 4px 0}
.border3 p{ padding:8px 0 4px 0; margin:0; font-size:18px; line-height:1.1em}

/*chat*/
.chat{border:1px solid #EEEEF0; margin-bottom:40px}
.chat .left{ text-align:left; background-color:#DFDFE1; width:65%; padding:10px; margin:15px}
.chat .left span{ font-size:12px; }
.chat .left p{ font-size:16px}

.chat .right{ text-align:right; background-color:#DFDFE1; width:65%; padding:10px; float:right; margin:15px}
.chat .right span{font-size:12px}
.chat .right p{font-size:16px}

.b0{border-radius: 0 4px 4px 0; text-align:left; float:left; background-color:#EEEEF0}
.b9{border-radius: 0 4px 4px 0; text-align:left; float:left; background-color:#EEEEF0}
.b10{border-radius: 0 4px 4px 0; text-align:left; float:left; background-color:#EEEEF0}
.b3{border-radius: 0 4px 4px 0; text-align:left; float:left; }
.b2{border-radius: 4px 0 0 4px; text-align:right; float:right; background-color:#E0DFE1}



/*modul comanda*/
.modul_comanda .bg_modul_comanda{background-color:#DFDFE1; margin:20px 0 0 0; padding:0}
.modul_comanda:hover .bg_modul_comanda{background-color:#F4F4F5; margin:20px 0 0 0; padding:0}
.modul_comanda .bg_id_comanda{  padding:10px 0 10px 15px; }
.modul_comanda .bg_id_comanda p{ padding:0; margin:0; color:#fff}

.modul_comanda .bg_id_comanda_shop{background-color:#5dc8db; padding:10px 0 10px 15px;}
.modul_comanda .bg_id_comanda_shop p{padding:0; margin:0; color:#fff}


.modul_comanda2 .bg_modul_comanda{background-color:#DFDFE1;  padding:0}
.modul_comanda2 .bg_id_comanda{  padding:10px 0 10px 15px; }
.modul_comanda2 .bg_id_comanda p{ padding:0; margin:0; color:#fff}

.modul_comanda .bg_comanda{padding:10px 0 10px 15px;}
.modul_comanda .bg_comanda p{ padding:0; margin:0; color:#1f1f21}
.modul_comanda .bg_comanda span{ padding:7px 0 0 0; margin:0; color:#1f1f21; font-size:21px}

.bg_comanda3{padding:10px 0 10px 15px;}
.bg_comanda3 p{padding:0; margin:0; color:#1f1f21}
.bg_comanda3 span{ padding:7px 0 0 0; margin:0; color:#1f1f21; font-size:21px}

.form-control{ font-size:31px!important; height:70px }
.form-control2{ width:70%; border-radius:4px; border:none; margin-top:8px; background-color:#1f1f21; color:#fff; padding:2px 12px}
.form-control3{ width:100%; border-radius:4px; margin-bottom:20px; color:#000; padding:6px 12px; border: 1px solid #ccc; font-size: 18px}
.update2{border:none; margin-top:8px; background-color:#1f1f21; color:#fff; padding:7px 3px; border-radius:4px;}
.update2b{border:none; margin-top:8px; background-color:#1f1f21; color:#fff; padding:5px 3px; border-radius:4px; float:right}
.bg_grey{ background-color:#e8e8e9}
.text_set p{ font-size:21px; padding:15px 0 0 0; font-weight:bold}
.text_set input{width:70%; border-radius:4px; border:none; margin:8px 0 15px 0; background-color:#1f1f21; color:#fff; padding:2px 12px; font-size:21px }


/* FOOTER */
.footer{ background-color:#1f1f21; padding:15px 0; margin-top:80px}
.footer p{ text-align:center; color:#fff }