/*
Created by: Mienard Lumaad (@themepixels)
*/                        
@import url( 'bootstrap.min.css ');
@import url( 'bootstrap-responsive.min.css ');      
@import url( 'bootstrap-timepicker.min.css ');    
@import url( 'jquery.ui.css ');
@import url( 'animate.min.css ');
@import url( 'animate.delay.css ');
@import url( 'isotope.css ');
@import url( 'colorbox.css ');
@import url( 'flexslider.css ');
@import url( 'uniform.tp.css ');
@import url( 'colorpicker.css ');
@import url( 'jquery.jgrowl.css ');
@import url( 'jquery.alerts.css ');
@import url( 'jquery.tagsinput.css ');
@import url( 'ui.spinner.css ');
@import url( 'jquery.chosen.css ');
@import url( 'fullcalendar.css ');
@import url( 'roboto.css ');
@import url( 'lato.css ');            
@import url( 'font-awesome.min.css ');     
@import url( 'jquery.ui.all.css ');
@import url( 'jquery-ui.theme.css ');

@import url( 'jquery-ui.structure.min.css ');
/***** RESET BROWSER STYLE *****/
/*******************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
background:transparent;
border:0;
margin:0;
padding:0;
vertical-align:baseline;
line-height:21px;
outline:none;
}::selection {
background:#ccc;
color:#fff;
text-shadow:none;
} /* Safari */::-moz-selection {
background:#ccc;
color:#fff;
text-shadow:none;
} /* Firefox */:-moz-placeholder {
color:#bbb;
}::-webkit-input-placeholder {
color:#bbb;
}:-ms-input-placeholder {
color:#bbb;
}

a,a:link {
color:blue;
}

h4 {
font-size:16px;
}

body {
background:url(../images/leftpanelbg.png) repeat-y 0 0;
font-size:12px;
font-family: 'RobotoRegular ', 'Helvetica Neue ',Helvetica,sans-serif;
}

body.errorpage {
background:#fff url(../images/bg1.png);
}

body.loginpage {
background:#0866c6;
}

a,a:hover,a:link,a:active,a:focus {
outline:none;
color:#0866c6;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

input,select,textarea,button {
outline:none;
font-size:13px;
font-family: 'RobotoRegular ', 'Helvetica Neue ',Helvetica,sans-serif;
}

strong {
font-weight:normal;
}

label,input,textarea,select,button {
font-size:13px;
}

h1,h2,h3,h4,h5 {
font-weight:normal;
line-height:normal;
}
/*** LOGIN PAGE ***/
.loginpanel {
position:absolute;
top:50%;
left:50%;
height:300px;
}

.loginpanelinner {
position:relative;
top:-150px;
left:-50%;
}

.loginpanelinner .logo {
text-align:center;
padding:20px 0;
}

.inputwrapper input {
border:0;
padding:10px;
background:#fff;
width:250px;
}

.inputwrapper input:active,.inputwrapper input:focus {
background:#fff;
border:0;
}

.inputwrapper button {
display:block;
border:1px solid #0c57a3;
padding:10px;
background:#0972dd;
width:100%;
color:#fff;
text-transform:uppercase;
}

.inputwrapper button:focus,.inputwrapper button:active,.inputwrapper button:hover {
background:#1e82e8;
}

.inputwrapper label {
display:inline-block;
margin-top:10px;
color:rgba(255,255,255,0.8);
font-size:11px;
vertical-align:middle;
}

.inputwrapper label input {
width:auto;
margin:-3px 5px 0 0;
vertical-align:middle;
}

.inputwrapper .remember {
padding:0;
background:none;
}

.login-alert {
display:none;
}

.login-alert .alert {
font-size:11px;
text-align:center;
padding:5px 0;
border:0;
}

.loginfooter {
font-size:11px;
color:rgba(255,255,255,0.5);
position:absolute;
position:fixed;
bottom:0;
left:0;
width:100%;
text-align:center;
font-family:arial,sans-serif !important;
padding:5px 0;
}
/*** HEADER ***/
.header {
background:#0866c6;
clear:both;
height:110px;
}

.headerinner {
margin-left:260px;
}

.header .logo {
width:260px;
text-align:center;
padding-top:40px;
float:left;
}

.headmenu {
list-style:none;
}

.headmenu .dropdown-menu {
border:2px solid #0866c6;
border-top:0;
margin:0;
}

.headmenu .nav-header {
text-shadow:none;
font-weight:normal;
}

.headmenu .dropdown-menu::after {
position:absolute;
top:-6px;
left:45px;
display:inline-block;
border-right:6px solid transparent;
border-bottom:6px solid white;
border-left:6px solid transparent;
content: ' ';
}

.headmenu >li {
display:inline-block;
float:left;
font-size:14px;
position:relative;
border-right:1px solid rgba(255,255,255,0.15);
}

.headmenu >li:first-child {
border-left:1px solid rgba(255,255,255,0.15);
}

.headmenu >li.odd {
background:rgba(255,255,255,0.1);
}

.headmenu >li.right {
float:right;
}

.headmenu >li >a {
min-width:70px;
position:relative;
display:block;
color:#fff;
padding:25px 20px 9px 20px;
cursor:pointer;
}

.headmenu >li >a:hover {
text-decoration:none;
}

.headmenu >li >a .count {
position:absolute;
top:5px;
right:10px;
opacity:0.5;
}

.headmenu >li >a:hover .count,.headmenu >li.open >a .count {
opacity:1;
}

.headmenu >li >a .headmenu-label {
display:block;
margin:2px 0 3px 0;
opacity:0.5;
text-align:center;
}

.headmenu >li >a:hover .headmenu-label,.headmenu >li.open >a .headmenu-label {
opacity:1;
}

.headmenu >li >a .head-icon {
width:50px;
height:50px;
display:block;
margin:auto;
opacity:0.5;
}

.headmenu >li >a:hover .head-icon,.headmenu >li.open a .head-icon {
opacity:1;
}

.head-message {
background-image:url(../images/icons/message.png);
}

.head-users {
background-image:url(../images/icons/users.png);
}

.head-bar {
background-image:url(../images/icons/bar.png);
}

.head-islem {
background-image:url(../images/icons/islem.png);
}

.viewmore a {
font-size:11px;
text-transform:uppercase;
font-size:11px !important;
}

.newusers {
min-width:200px;
}

.newusers li a:hover {
background;
#eee;
}

.newusers .userthumb {
width:35px;
display:block;
float:left;
margin-right:10px;
}

.newusers strong {
display:block;
line-height:normal;
}

.newusers small {
color:#999;
line-height:normal;
}

.userloggedinfo {
padding:11px;
color:#fff;
}

.userloggedinfo img {
padding:3px;
background:rgba(255,255,255,0.2);
width:80px;
float:left;
}

.userloggedinfo .userinfo {
float:left;
margin-left:11px;
}

.userloggedinfo .userinfo small {
font-size:11px;
opacity:0.6;
color:#fff;
font-family:sans-serif;
font-style:italic;
}

.userloggedinfo ul {
list-style:none;
margin-top:5px;
}

.userloggedinfo ul li {
display:block;
font-size:11px;
line-height:normal;
margin-bottom:1px;
}

.userloggedinfo ul li a {
padding:4px 5px 3px 5px;
color:#fff;
line-height:normal;
background:rgba(255,255,255,0.1);
display:block;
}

.userloggedinfo ul li a:hover {
text-decoration:none;
background:rgba(255,255,255,0.2);
}
/*** LEFT PANEL ***/
.leftpanel {
width:260px;
color:#fff;
float:left;
}

.leftmenu .nav-header {
font-weight:normal;
font-size:11px;
padding:5px 20px;
text-shadow:none;
background:#232323;
border-bottom:1px solid #222;
}

.leftmenu .nav-tabs.nav-stacked a {
color:#999;
padding:10px 20px;
font-size:14px;
}

.leftmenu .nav-tabs.nav-stacked a span {
margin-right:10px;
}

.leftmenu .nav-tabs.nav-stacked >li >a {
border:0;
border-bottom:1px solid #232323;
}

.leftmenu .nav-tabs.nav-stacked >li >a:hover,.leftmenu .nav-tabs.nav-stacked >li >a:focus {
background-color:#2c2c2c;
color:#fff;
border-bottom-color:#232323;
}

.leftmenu .nav-tabs.nav-stacked >li.active >a {
background-color:#0866c6;
color:#fff;
border-bottom-color:rgba(0,0,0,0.2);
}

.leftmenu .nav-tabs.nav-stacked >li.active >a:hover {
background-color:#0866c6;
}

.leftmenu .nav-tabs >li {
margin-bottom:0;
}

.leftmenu .nav-tabs.nav-stacked >li.dropdown ul {
background:#eee;
display:none;
}

.leftmenu .nav-tabs.nav-stacked >li.dropdown ul li {
border-bottom:1px solid #ddd;
border-right:1px solid #ddd;
}

.leftmenu .nav-tabs.nav-stacked >li.dropdown >a {
background-image:url(../images/droparrow.png);
background-repeat:no-repeat;
background-position:right 19px;
}

.leftmenu .nav-tabs.nav-stacked .dropdown ul li a {
display:block;
font-size:13px;
padding:7px 10px 7px 50px;
color:#333;
background-position:25px 12px;
background-image:url(../images/menuarrow.png);
background-repeat:no-repeat;
}

.leftmenu .nav-tabs.nav-stacked .dropdown ul li.active a {
background-color:#fff;
}

.leftmenu .nav-tabs.nav-stacked .dropdown ul li a:hover {
text-decoration:none;
background-color:#fff;
}
/*** MAIN PANEL ***/
.rightpanel {
margin-left:260px;
background:url(../images/bg1.png);
}

.rightpanel:after {
clear:both;
content: ' ';
display:block;
}

.breadcrumbs {
list-style:none;
height:22px;
background:#ddd;
padding:4px 0 4px 10px;
border-bottom:1px solid #ccc;
position:relative;
}

.breadcrumbs >li {
display:inline-block;
float:left;
margin-right:5px;
font-size:11px;
color:#666;
}

.breadcrumbs >li.right {
float:right;
padding:0;
border-left:1px solid #bbb;
margin:-4px 0 0 0;
}

.breadcrumbs >li.right .dropdown-menu a {
font-size:11px;
padding:2px 10px;
}

.breadcrumbs >li.right >a {
color:#666;
padding:4px 10px 5px 10px;
display:block;
}

.breadcrumbs >li.right >a:hover {
text-decoration:none;
background:#f7f7f7;
}

.breadcrumbs >li.right.open >a {
background:#f7f7f7;
}

.breadcrumbs >li.right >a i {
vertical-align:middle;
}

.breadcrumbs >li span.separator {
width:5px;
height:9px;
vertical-align:middle;
display:inline-block;
background:url(../images/bcarrow.png) no-repeat 0 0;
margin-left:2px;
}

.breadcrumbs >li:first-child a:hover {
text-decoration:none;
color:#666;
}

.pageheader {
padding:20px;
border-bottom:1px solid #DE2151;
position:relative;
min-height:68px;
background:#fff;
}

.pageicon {
width:44px;
font-size:42px;
padding:10px;
color:#0866c6;
border:3px solid #0866c6;
display:inline-block;
-moz-border-radius:50px;
-webkit-border-radius:50px;
border-radius:50px;
float:left;
text-align:center;
}

.pagetitle {
margin-left:90px;
padding-top:5px;
}

.pagetitle h1 {
font-size:32px;
margin-left:-2px;
color:#0866c6;
}

.pagetitle h5 {
text-transform:uppercase;
font-size:11px;
color:#999;
}

.searchbar {
position:absolute;
top:33%;
right:20px;
}

.searchbar input {
width:220px;
padding:8px 10px;
background:#fff url(../images/icons/search.png) no-repeat 215px 10px;
font-size:12px;
}

.maincontent {
float:left;
width:100%;
}

.maincontentinner {
padding:20px;
}

.subtitle {
text-transform:uppercase;
font-size:11px;
color:#999;
margin-bottom:5px;
}

.subtitle2 {
font-size:13px;
text-transform:uppercase;
color:#333;
margin-bottom:5px;
}

.shortcuts {
list-style:none;
margin-top:20px;
overflow:hidden;
clear:both;
}

.shortcuts li {
display:inline-block;
float:left;
margin:0 5px 5px 0;
position:relative;
}

.shortcuts li a {
display:block;
width:130px;
height:130px;
background:#0866c6;
color:#fff;
font-size:16px;
}

.shortcuts li a:hover {
background:#282828;
text-decoration:none;
}

.shortcuts li .shortcuts-label {
display:block;
padding:0 12px;
}

.shortcuts li .shortcuts-icon {
display:block;
width:48px;
height:48px;
padding:30px 0 20px 0;
margin:0 auto;
}

.shortcuts li .iconsi-event {
background:url(../images/icons/icon-event.png) no-repeat center center;
}

.shortcuts li .iconsi-cart {
background:url(../images/icons/icon-cart.png) no-repeat center center;
}

.shortcuts li .iconsi-archive {
background:url(../images/icons/icon-archive.png) no-repeat center center;
}

.shortcuts li .iconsi-help {
background:url(../images/icons/icon-help.png) no-repeat center center;
}

.shortcuts li .iconsi-images {
background:url(../images/icons/icon-images.png) no-repeat center center;
}

.widget {
-moz-box-shadow:1px 1px 8px rgba(0,0,0,0.3);
-webkit-box-shadow:1px 1px 8px rgba(0,0,0,0.3);
box-shadow:1px 1px 8px rgba(0,0,0,0.3);
}

.widgettitle {
background:#0866c6;
color:#fff;
padding:12px 15px;
font-size:14px;
}

.widgettitle span {
vertical-align:middle;
display:inline-block;
margin-right:8px;
}

.widgetcontent {
background:#fff;
padding:15px 12px;
border:2px solid #0866c6;
border-top:0;
margin-bottom:20px;
}

.widgetcontent p {
margin:15px 0;
}

.wt1 {
background:#333;
color:#fff;
}

.wc1 {
border-color:#333;
}
/*** DASHBOARD ***/
.commentlist {
list-style:none;
clear:both;
}

.commentlist li {
display:block;
border-bottom:1px solid #ddd;
padding:15px;
}

.commentlist li img {
width:60px;
}

.commentlist li .comment-info {
margin-left:80px;
}

.commentlist li p:last-child {
margin-bottom:0;
}

.commentlist li .btn {
margin-right:3px;
}

.commentlist li .btn span {
margin-right:5px;
}

.tabtitle {
padding:10px;
font-size:11px;
text-transform:uppercase;
font-weight:bold;
font-family:sans-serif;
margin-top:5px;
border-bottom:1px solid #ddd;
}

.userlist {
list-style:none;
}

.userlist li {
display:block;
border-bottom:1px solid #ddd;
padding:10px;
cursor:pointer;
}

.userlist li:hover {
background-color:#f7f7f7;
}

.userlist li:last-child {
border-bottom:0;
}

.userlist li .uinfo {
margin-left:60px;
}

.userlist li img {
display:block;
width:50px;
}

.userlist li .uinfo h5 {
font-size:14px;
color:#0866c6;
margin-bottom:2px;
}

.userlist li .uinfo span {
display:block;
font-size:11px;
line-height:16px;
color:#999;
}

.userlist li .uinfo span.pos {
text-transform:uppercase;
color:#666;
}

.userlist li .par {
font-size:11px;
line-height:normal;
margin-top:4px;
}

.userlist-favorites li {
cursor:default;
}

.userlist-favorites li:hover {
background:none;
}

.userlist-favorites li .link {
font-size:11px;
margin-top:7px;
}

.userlist-favorites li .link a {
color:#666;
display:inline-block;
padding:4px 5px;
line-height:normal;
}

.userlist-favorites li .link a:last-child {
background:#86c91d;
color:#fff;
}

.userlist-favorites li .link a:first-child {
background:#e9c72a;
color:#fff;
}

.userlist-favorites li .link a:hover {
text-decoration:none;
color:#fff;
}
/*** HEADERS AND BOXES ***/
.title-danger {
background-color:#dd0000 !important;
}

.title-warning {
background-color:#FCB904 !important;
}

.title-success {
background-color:#86D628 !important;
}

.title-info {
background-color:#71B8EE !important;
}

.title-inverse {
background-color:#333 !important;
}

.headtitle {
margin-bottom:21px;
}

.headtitle-box {
margin-bottom:0;
}

.headtitle .btn-group {
float:right;
}

.headtitle .btn-group .btn,.headtitle .btn-group .btn:focus,.headtitle .btn-group.open .btn.dropdown-toggle {
background:none;
border:0;
border-left:1px solid rgba(255,255,255,0.2);
color:#fff;
padding:11px 20px;
}

.headtitle .dropdown-menu {
left:auto;
right:0;
}

.headtitle .btn-group .btn .caret {
border-top:4px solid #fff;
}

.widgetbox .headtitle {
margin-bottom:0;
}

.box-danger .widgettitle {
background-color:#dd0000;
}

.box-danger .widgetcontent {
border-color:#dd0000;
}

.box-warning .widgettitle {
background-color:#FCB904;
}

.box-warning .widgetcontent {
border-color:#FCB904;
}

.box-success .widgettitle {
background-color:#86D628;
}

.box-success .widgetcontent {
border-color:#86D628;
}

.box-info .widgettitle {
background-color:#71B8EE;
}

.box-info .widgetcontent {
border-color:#71B8EE;
}

.box-inverse .widgettitle {
background-color:#333;
}

.box-inverse .widgetcontent {
border-color:#333;
}
/*** FORM STYLES ***/
.stdform input {
padding:5px;
border:1px solid #bbb;
}

.stdform textarea {
padding:6px 5px;
border:1px solid #bbb;
}

.stdform select {
border:1px solid #bbb;
padding:5px 2px;
}

.stdform p,.stdform div.par {
margin:20px 0;
}

.stdform span.field,.stdform div.field {
margin-left:220px;
display:block;
position:relative;
}

.stdform .formwrapper {
display:block;
padding-top:5px;
margin-left:220px;
line-height:25px;
}

.stdform label {
float:left;
width:200px;
text-align:right;
padding:5px 20px 0 0;
}

.stdform label.error {
float:none;
display:block;
font-size:11px;
color:#ff0000;
text-align:left;
padding:0;
width:auto;
margin-left:220px;
}

.stdform label.valid {
color:#468847;
}

.stdform small.desc {
font-size:11px;
color:#999;
font-style:italic;
display:block;
margin:5px 0 0 220px;
}

.stdform .stdformbutton {
margin-left:220px;
}

.stdform #spinner.input-small {
width:100px;
}

.stdform2 p,.stdform2 div.par {
border-top:1px solid #ddd;
background:#fcfcfc;
margin:0;
clear:both;
}

.stdform2 div.terms {
border:0;
background:none;
}

.stdform2 p:first-child,.stdform2 div.par:first-child {
border-top:0;
}

.stdform2 label {
display:inline-block;
padding:15px 0 0 15px;
vertical-align:top;
text-align:left;
font-weight:bold;
}

.stdform2 label.error {
margin-left:0;
padding:0;
}

.stdform2 label small {
font-size:11px;
color:#999;
display:block;
font-weight:normal;
line-height:16px;
}

.stdform2 span.field,.stdform2 div.field {
margin-left:220px;
display:block;
background:#fff;
padding:15px;
border-left:1px solid #ddd;
}

.stdform2 .stdformbutton {
margin-left:0;
padding:15px;
background:#fff;
}

.stdform2 input {
margin:0;
}

.stdform2 input [type=checkbox ],.stdform2 input [type=radio ] {
margin:10px;
}

.dualselect {
margin-left:220px;
display:block;
}

.dualselect select {
height:200px;
width:40%;
padding:0;
outline:none;
}

.dualselect select option {
padding:4px 5px;
margin:0;
}

.dualselect .ds_arrow {
display:inline-block;
vertical-align:top;
padding-top:60px;
margin:0 10px;
}

.dualselect .ds_arrow button {
margin-top:-1px;
}

.counter {
display:block;
font-size:11px;
}

.warning {
color:#bb0000;
}

.exceeded {
color:#ff0000;
}

.fileupload .btn,.fileupload .fileupload-exists {
margin:0;
height:21px;
padding:3px 10px 4px 10px;
border-left:0;
}
/*** BUTTONS & ICONS ***/ [class^= "iconsweets- " ], [class*= "iconsweets- " ] {
display:inline-block;
width:16px;
height:16px;
vertical-align:middle;
background-image:url(../images/iconsweets-icons.png);
background-position:-16px -16px;
background-repeat:no-repeat;
}
/* White icons with optional class or on hover/active states of certain elements */
.iconsweets-white,.nav-pills >.active >a > [class^= "iconsweets- " ],.nav-pills >.active >a > [class*= "iconsweets- " ],.nav-list >.active >a > [class^= "iconsweets- " ],.nav-list >.active >a > [class*= "iconsweets- " ],.navbar-inverse .nav >.active >a > [class^= "iconsweets- " ],.navbar-inverse .nav >.active >a > [class*= "iconsweets- " ],.dropdown-menu >li >a:hover > [class^= "iconsweets- " ],.dropdown-menu >li >a:hover > [class*= "iconsweets- " ],.dropdown-menu >.active >a > [class^= "iconsweets- " ],.dropdown-menu >.active >a > [class*= "iconsweets- " ],.dropdown-submenu:hover >a > [class^= "iconsweets- " ],.dropdown-submenu:hover >a > [class*= "iconsweets- " ] {
background-image:url(../images/iconsweets-icons-white.png);
}

.iconsweets-magnifying-glass {
background-position:-16px -16px;
}

.iconsweets-trashcan {
background-position:-48px -16px;
}

.iconsweets--trashcan2 {
background-position:-80px -16px;
}

.iconsweets-presentation {
background-position:-112px -16px;
}

.iconsweets-download {
background-position:-144px -16px;
}

.iconsweets-download2 {
background-position:-176px -16px;
}

.iconsweets-upload {
background-position:-208px -16px;
}

.iconsweets-flag {
background-position:-240px -16px;
}

.iconsweets-flag2 {
background-position:-272px -16px;
}

.iconsweets-finish-flag {
background-position:-304px -16px;
}

.iconsweets-podium {
background-position:-16px -48px;
}

.iconsweets-cup {
background-position:-48px -48px;
}

.iconsweets-home {
background-position:-80px -48px;
}

.iconsweets-home2 {
background-position:-112px -48px;
}

.iconsweets-link {
background-position:-144px -48px;
}

.iconsweets-link2 {
background-position:-176px -48px;
}

.iconsweets-notebook {
background-position:-208px -48px;
}

.iconsweets-book {
background-position:-240px -48px;
}

.iconsweets-book-large {
background-position:-272px -48px;
}

.iconsweets-books {
background-position:-304px -48px;
}

.iconsweets-tree {
background-position:-16px -80px;
}

.iconsweets-construction {
background-position:-48px -80px;
}

.iconsweets-umbrella {
background-position:-80px -80px;
}

.iconsweets-mail {
background-position:-112px -80px;
}

.iconsweets-help {
background-position:-144px -80px;
}

.iconsweets-rss {
background-position:-176px -80px;
}

.iconsweets-strategy {
background-position:-208px -80px;
}

.iconsweets-strategy2 {
background-position:-240px -80px;
}

.iconsweets-apartment {
background-position:-272px -80px;
}

.iconsweets-companies {
background-position:-304px -80px;
}

.iconsweets-ghost {
background-position:-16px -112px;
}

.iconsweets-pacman {
background-position:-48px -112px;
}

.iconsweets-vault {
background-position:-80px -112px;
}

.iconsweets-archive {
background-position:-112px -112px;
}

.iconsweets-cabinet {
background-position:-144px -112px;
}

.iconsweets-bandaid {
background-position:-176px -112px;
}

.iconsweets-postcard {
background-position:-208px -112px;
}

.iconsweets-alert {
background-position:-240px -112px;
}

.iconsweets-alert2 {
background-position:-272px -112px;
}

.iconsweets-alarm {
background-position:-304px -112px;
}

.iconsweets-alarm2 {
background-position:-16px -144px;
}

.iconsweets-robot {
background-position:-48px -144px;
}

.iconsweets-globe {
background-position:-80px -144px;
}

.iconsweets-globe2 {
background-position:-112px -144px;
}

.iconsweets-chemical {
background-position:-144px -144px;
}

.iconsweets-lightbulb {
background-position:-176px -144px;
}

.iconsweets-cloud {
background-position:-208px -144px;
}

.iconsweets-cloud-upload {
background-position:-240px -144px;
}

.iconsweets-cloud-download {
background-position:-272px -144px;
}

.iconsweets-lamp {
background-position:-304px -144px;
}

.iconsweets-preview {
background-position:-16px -176px;
}

.iconsweets-icecream {
background-position:-48px -176px;
}

.iconsweets-icecream2 {
background-position:-80px -176px;
}

.iconsweets-paperclip {
background-position:-112px -176px;
}

.iconsweets-footprints {
background-position:-144px -176px;
}

.iconsweets-firefox {
background-position:-176px -176px;
}

.iconsweets-chrome {
background-position:-208px -176px;
}

.iconsweets-safari {
background-position:-240px -176px;
}

.iconsweets-loadingbar {
background-position:-272px -176px;
}

.iconsweets-bullseye {
background-position:-304px -176px;
}

.iconsweets-folder {
background-position:-16px -208px;
}

.iconsweets-locked {
background-position:-48px -208px;
}

.iconsweets-locked2 {
background-position:-80px -208px;
}

.iconsweets-unlock {
background-position:-112px -208px;
}

.iconsweets-tag {
background-position:-144px -208px;
}

.iconsweets-tag2 {
background-position:-176px -208px;
}

.iconsweets-mac {
background-position:-208px -208px;
}

.iconsweets-windows {
background-position:-240px -208px;
}

.iconsweets-linux {
background-position:-272px -208px;
}

.iconsweets-create {
background-position:-304px -208px;
}

.iconsweets-expose {
background-position:-16px -240px;
}

.iconsweets-key {
background-position:-48px -240px;
}

.iconsweets-key2 {
background-position:-80px -240px;
}

.iconsweets-table {
background-position:-112px -240px;
}

.iconsweets-chair {
background-position:-144px -240px;
}

.iconsweets-denied {
background-position:-176px -240px;
}

.iconsweets-ballons {
background-position:-208px -240px;
}

.iconsweets-cat {
background-position:-240px -240px;
}

.iconsweets-airplane {
background-position:-272px -240px;
}

.iconsweets-track {
background-position:-304px -240px;
}

.iconsweets-car {
background-position:-16px -272px;
}

.iconsweets-info {
background-position:-48px -272px;
}

.iconsweets-alarmclock {
background-position:-80px -272px;
}

.iconsweets-stopwatch {
background-position:-112px -272px;
}

.iconsweets-timer {
background-position:-144px -272px;
}

.iconsweets-clock {
background-position:-176px -272px;
}

.iconsweets-day {
background-position:-208px -272px;
}

.iconsweets-month {
background-position:-240px -272px;
}

.iconsweets-dress {
background-position:-272px -272px;
}

.iconsweets-tshirt {
background-position:-304px -272px;
}

.iconsweets-sportshirt {
background-position:-16px -304px;
}

.iconsweets-sweater {
background-position:-48px -304px;
}

.iconsweets-sleeveless {
background-position:-80px -304px;
}

.iconsweets-pants {
background-position:-112px -304px;
}

.iconsweets-socks {
background-position:-144px -304px;
}

.iconsweets-trolly {
background-position:-176px -304px;
}

.iconsweets-medical {
background-position:-208px -304px;
}

.iconsweets-suitcase {
background-position:-240px -304px;
}

.iconsweets-suitcase2 {
background-position:-272px -304px;
}

.iconsweets-suitcase3 {
background-position:-304px -304px;
}

.iconsweets-shoppingbag {
background-position:-16px -336px;
}

.iconsweets-purse {
background-position:-48px -336px;
}

.iconsweets-bag {
background-position:-80px -336px;
}

.iconsweets-paypal {
background-position:-112px -336px;
}

.iconsweets-paypal2 {
background-position:-144px -336px;
}

.iconsweets-paypal3 {
background-position:-176px -336px;
}

.iconsweets-money {
background-position:-208px -336px;
}

.iconsweets-money2 {
background-position:-240px -336px;
}

.iconsweets-pricetag {
background-position:-272px -336px;
}

.iconsweets-pricetags {
background-position:-304px -336px;
}

.iconsweets-piggybank {
background-position:-16px -368px;
}

.iconsweets-lemonade {
background-position:-48px -368px;
}

.iconsweets-basket {
background-position:-80px -368px;
}

.iconsweets-basket2 {
background-position:-112px -368px;
}

.iconsweets-scan {
background-position:-144px -368px;
}

.iconsweets-cart {
background-position:-176px -368px;
}

.iconsweets-cart2 {
background-position:-208px -368px;
}

.iconsweets-cart3 {
background-position:-240px -368px;
}

.iconsweets-cart4 {
background-position:-272px -368px;
}

.iconsweets-digg {
background-position:-304px -368px;
}

.iconsweets-digg2 {
background-position:-16px -400px;
}

.iconsweets-buzz {
background-position:-48px -400px;
}

.iconsweets-delicious {
background-position:-80px -400px;
}

.iconsweets-twitter {
background-position:-112px -400px;
}

.iconsweets-twitter2 {
background-position:-144px -400px;
}

.iconsweets-tumblr {
background-position:-176px -400px;
}

.iconsweets-plixi {
background-position:-208px -400px;
}

.iconsweets-dribbble {
background-position:-240px -400px;
}

.iconsweets-dribbble2 {
background-position:-272px -400px;
}

.iconsweets-stumbleupon {
background-position:-304px -400px;
}

.iconsweets-lastfm {
background-position:-16px -432px;
}

.iconsweets-mobypicture {
background-position:-48px -432px;
}

.iconsweets-youtube {
background-position:-80px -432px;
}

.iconsweets-youtube2 {
background-position:-112px -432px;
}

.iconsweets-vimeo {
background-position:-144px -432px;
}

.iconsweets-vimeo2 {
background-position:-176px -432px;
}

.iconsweets-skype {
background-position:-208px -432px;
}

.iconsweets-facebook {
background-position:-240px -432px;
}

.iconsweets-like {
background-position:-272px -432px;
}

.iconsweets-ichat {
background-position:-304px -432px;
}

.iconsweets-myspace {
background-position:-16px -464px;
}

.iconsweets-dropbox {
background-position:-48px -464px;
}

.iconsweets-walking {
background-position:-80px -464px;
}

.iconsweets-running {
background-position:-112px -464px;
}

.iconsweets-exit {
background-position:-144px -464px;
}

.iconsweets-male {
background-position:-176px -464px;
}

.iconsweets-female {
background-position:-208px -464px;
}

.iconsweets-user {
background-position:-240px -464px;
}

.iconsweets-users {
background-position:-272px -464px;
}

.iconsweets-admin {
background-position:-304px -464px;
}

.iconsweets-malesymbol {
background-position:-16px -496px;
}

.iconsweets-femalesymbol {
background-position:-48px -496px;
}

.iconsweets-user2 {
background-position:-80px -496px;
}

.iconsweets-users2 {
background-position:-112px -496px;
}

.iconsweets-admin2 {
background-position:-144px -496px;
}

.iconsweets-usercomment {
background-position:-176px -496px;
}

.iconsweets-cog {
background-position:-208px -496px;
}

.iconsweets-cog2 {
background-position:-240px -496px;
}

.iconsweets-cog3 {
background-position:-272px -496px;
}

.iconsweets-cog4 {
background-position:-304px -496px;
}

.iconsweets-settings {
background-position:-16px -528px;
}

.iconsweets-settings2 {
background-position:-48px -528px;
}

.iconsweets-hd {
background-position:-80px -528px;
}

.iconsweets-hd2 {
background-position:-112px -528px;
}

.iconsweets-hd3 {
background-position:-144px -528px;
}

.iconsweets-sd {
background-position:-176px -528px;
}

.iconsweets-sd2 {
background-position:-208px -528px;
}

.iconsweets-sd3 {
background-position:-240px -528px;
}

.iconsweets-dvd {
background-position:-272px -528px;
}

.iconsweets-blueray {
background-position:-304px -528px;
}

.iconsweets-record {
background-position:-16px -560px;
}

.iconsweets-cd {
background-position:-48px -560px;
}

.iconsweets-cassette {
background-position:-80px -560px;
}

.iconsweets-image {
background-position:-112px -560px;
}

.iconsweets-image2 {
background-position:-144px -560px;
}

.iconsweets-image3 {
background-position:-176px -560px;
}

.iconsweets-image4 {
background-position:-208px -560px;
}

.iconsweets-sound {
background-position:-240px -560px;
}

.iconsweets-megaphone {
background-position:-272px -560px;
}

.iconsweets-film {
background-position:-304px -560px;
}

.iconsweets-film2 {
background-position:-16px -592px;
}

.iconsweets-headphone {
background-position:-48px -592px;
}

.iconsweets-microphone {
background-position:-80px -592px;
}

.iconsweets-printer {
background-position:-112px -592px;
}

.iconsweets-radio {
background-position:-144px -592px;
}

.iconsweets-television {
background-position:-176px -592px;
}

.iconsweets-imac {
background-position:-208px -592px;
}

.iconsweets-laptop {
background-position:-240px -592px;
}

.iconsweets-mightymouse {
background-position:-272px -592px;
}

.iconsweets-magicmouse {
background-position:-304px -592px;
}

.iconsweets-mousewire {
background-position:-16px -624px;
}

.iconsweets-camera {
background-position:-48px -624px;
}

.iconsweets-camera2 {
background-position:-80px -624px;
}

.iconsweets-monitor {
background-position:-112px -624px;
}

.iconsweets-ipod {
background-position:-144px -624px;
}

.iconsweets-ipodnano {
background-position:-176px -624px;
}

.iconsweets-ipad {
background-position:-208px -624px;
}

.iconsweets-filmcamera {
background-position:-240px -624px;
}

.iconsweets-calculator {
background-position:-272px -624px;
}

.iconsweets-cashregister {
background-position:-304px -624px;
}

.iconsweets-fax {
background-position:-16px -656px;
}

.iconsweets-frames {
background-position:-48px -656px;
}

.iconsweets-coverflow {
background-position:-80px -656px;
}

.iconsweets-list {
background-position:-112px -656px;
}

.iconsweets-list2 {
background-position:-144px -656px;
}

.iconsweets-list3 {
background-position:-176px -656px;
}

.iconsweets-list4 {
background-position:-208px -656px;
}

.iconsweets-wordpress {
background-position:-240px -656px;
}

.iconsweets-wordpress2 {
background-position:-272px -656px;
}

.iconsweets-joomla {
background-position:-304px -656px;
}

.iconsweets-expressionengine {
background-position:-16px -688px;
}

.iconsweets-drupal {
background-position:-48px -688px;
}

.iconsweets-arrowright {
background-position:-80px -688px;
}

.iconsweets-arrowleft {
background-position:-112px -688px;
}

.iconsweets-arrowdown {
background-position:-144px -688px;
}

.iconsweets-arrowup {
background-position:-176px -688px;
}

.iconsweets-refresh {
background-position:-208px -688px;
}

.iconsweets-refresh2 {
background-position:-240px -688px;
}

.iconsweets-repeat {
background-position:-272px -688px;
}

.iconsweets-shuffle {
background-position:-304px -688px;
}

.iconsweets-refresh3 {
background-position:-16px -720px;
}

.iconsweets-refresh4 {
background-position:-48px -720px;
}

.iconsweets-recycle {
background-position:-80px -720px;
}

.iconsweets-fullscreen {
background-position:-112px -720px;
}

.iconsweets-fitscreen {
background-position:-144px -720px;
}

.iconsweets-origscreen {
background-position:-176px -720px;
}

.iconsweets-bluetooth {
background-position:-208px -720px;
}

.iconsweets-bluetooth2 {
background-position:-240px -720px;
}

.iconsweets-wifi {
background-position:-272px -720px;
}

.iconsweets-wifi2 {
background-position:-304px -720px;
}

.iconsweets-iphone3 {
background-position:-16px -752px;
}

.iconsweets-iphone4 {
background-position:-48px -752px;
}

.iconsweets-blackberry {
background-position:-80px -752px;
}

.iconsweets-android {
background-position:-112px -752px;
}

.iconsweets-mobile {
background-position:-144px -752px;
}

.iconsweets-inbox {
background-position:-176px -752px;
}

.iconsweets-outgoing {
background-position:-208px -752px;
}

.iconsweets-incoming {
background-position:-240px -752px;
}

.iconsweets-speech {
background-position:-272px -752px;
}

.iconsweets-speech2 {
background-position:-304px -752px;
}

.iconsweets-speech3 {
background-position:-16px -784px;
}

.iconsweets-speech4 {
background-position:-48px -784px;
}

.iconsweets-phone {
background-position:-80px -784px;
}

.iconsweets-phone2 {
background-position:-112px -784px;
}

.iconsweets-battery {
background-position:-144px -784px;
}

.iconsweets-battery2 {
background-position:-176px -784px;
}

.iconsweets-battery3 {
background-position:-208px -784px;
}

.iconsweets-battery4 {
background-position:-240px -784px;
}

.iconsweets-batteryfull {
background-position:-272px -784px;
}

.iconsweets-power {
background-position:-304px -784px;
}

.iconsweets-electric {
background-position:-16px -816px;
}

.iconsweets-plug {
background-position:-48px -816px;
}

.iconsweets-brush {
background-position:-80px -816px;
}

.iconsweets-brush2 {
background-position:-112px -816px;
}

.iconsweets-pen {
background-position:-144px -816px;
}

.iconsweets-bigbrush {
background-position:-176px -816px;
}

.iconsweets-pencil {
background-position:-208px -816px;
}

.iconsweets-clipboard {
background-position:-240px -816px;
}

.iconsweets-scissor {
background-position:-272px -816px;
}

.iconsweets-eyedrop {
background-position:-304px -816px;
}

.iconsweets-abacus {
background-position:-16px -848px;
}

.iconsweets-ruler {
background-position:-48px -848px;
}

.iconsweets-ruler2 {
background-position:-80px -848px;
}

.iconsweets-map {
background-position:-112px -848px;
}

.iconsweets-maps {
background-position:-144px -848px;
}

.iconsweets-post {
background-position:-176px -848px;
}

.iconsweets-marker {
background-position:-208px -848px;
}

.iconsweets-document {
background-position:-240px -848px;
}

.iconsweets-documents {
background-position:-272px -848px;
}

.iconsweets-pdf {
background-position:-304px -848px;
}

.iconsweets-pdf2 {
background-position:-16px -880px;
}

.iconsweets-word {
background-position:-48px -880px;
}

.iconsweets-word2 {
background-position:-80px -880px;
}

.iconsweets-word3 {
background-position:-112px -880px;
}

.iconsweets-zip {
background-position:-144px -880px;
}

.iconsweets-zip2 {
background-position:-176px -880px;
}

.iconsweets-ppt {
background-position:-208px -880px;
}

.iconsweets-ppt2 {
background-position:-240px -880px;
}

.iconsweets-excel {
background-position:-272px -880px;
}

.iconsweets-excel2 {
background-position:-304px -880px;
}

.iconsweets-vcard {
background-position:-16px -912px;
}

.iconsweets-vcard2 {
background-position:-48px -912px;
}

.iconsweets-address {
background-position:-80px -912px;
}

.iconsweets-chart {
background-position:-112px -912px;
}

.iconsweets-chart2 {
background-position:-144px -912px;
}

.iconsweets-chart3 {
background-position:-176px -912px;
}

.iconsweets-chart4 {
background-position:-208px -912px;
}

.iconsweets-chart5 {
background-position:-240px -912px;
}

.iconsweets-chart6 {
background-position:-272px -912px;
}

.iconsweets-chart7 {
background-position:-304px -912px;
}

.iconsweets-chart8 {
background-position:-16px -944px;
}

.glyphicons {
list-style:none;
}

.glyphicons li {
float:left;
line-height:25px;
width:25%;
}

.fontawesomeicons ul {
list-style:none;
}

.fontawesomeicons ul li {
line-height:25px;
}

.iconsweetslist {
list-style:none;
}

.iconsweetslist li {
float:left;
line-height:26px;
width:25%;
}
/*** CONTENT SLIDER ***/
.bx-wrapper {
border:1px solid #ddd;
width:auto !important;
line-height:21px;
overflow:hidden;
}

.bx-wrapper .pager {
margin:0;
}

.slide_wrap {
padding:20px 50px;
min-height:60px;
}

.bx-prev {
position:absolute;
top:0;
left:0;
width:30px;
height:100%;
opacity:0.6;
vertical-align:middle;
background:#eee url(../images/prev.png) no-repeat center center;
border-right:1px solid #ddd;
}

.bx-next {
position:absolute;
top:0;
right:0;
width:30px;
height:100%;
opacity:0.6;
vertical-align:middle;
background:#eee url(../images/next.png) no-repeat center center;
border-left:1px solid #ddd;
}

.bx-prev:hover,.bx-next:hover {
opacity:1;
}

.slide_img {
float:left;
width:100px;
}

.slide_content {
margin-left:120px;
text-align:left;
}

.slide_content h4 {
font-size:18px;
font-weight:normal;
}

.slide_content h4 a:hover {
color:#333;
text-decoration:none;
}

.slide_content p {
margin:10px 0;
}
/*** SLIM SCROLL ***/
.slimScrollDiv {
border:1px solid #ddd;
}

.entrylist li {
display:block;
padding:20px;
border-bottom:1px solid #ddd;
}

.entrylist li.even {
background:#fcfcfc;
}

.entry_wrap {
min-height:60px;
}

.entry_img {
float:left;
}

.entry_content {
margin-left:120px;
}

.entry_content h4 {
font-size:18px;
font-weight:normal;
}

.entry_content h4 a:hover {
color:#333;
text-decoration:none;
}

.entry_content p {
margin:10px 0;
}

.entry_content p:last-child {
margin-bottom:0;
}
/*** MEDIA STYLES ***/
.mediamgr {
position:relative;
min-height:400px;
}

.mediamgr .mediamgr_right {
position:absolute;
width:250px;
top:62px;
right:0;
}

.mediamgr .mediamgr_rightinner {
margin:20px 0;
padding-left:20px;
}

.mediamgr .mediamgr_rightinner h4 {
font-size:12px;
text-transform:uppercase;
padding:10px;
background:#0866c6;
color:#fff;
}

.mediamgr_head {
padding:10px;
background:#fcfcfc;
border:1px solid #ccc;
overflow:visible;
margin-bottom:20px;
}

.mediamgr_menu {
list-style:none;
position:relative;
overflow:hidden;
}

.mediamgr_menu li {
display:inline-block;
float:left;
}

.mediamgr_menu li.right {
float:right;
}

.mediamgr_menu li a {
margin-bottom:0;
}

.mediamgr_menu li a:hover {
cursor:pointer;
text-decoration:none;
}

.mediamgr_menu li a.prev {
border-right:0;
}

.mediamgr_menu li a.prev_disabled {
opacity:0.6;
}

.mediamgr_menu li a.preview_disabled {
opacity:0.6;
}

.mediamgr_menu form input.filekeyword {
padding:5px 7px;
width:200px;
background:#fff;
color:#999;
margin:0;
font-style:italic;
}

.mediamgr_content {
padding:20px 0;
margin-right:250px;
}

.mediamgr_category {
padding:10px 0;
border-bottom:1px dashed #ddd;
margin-right:270px;
}

.mediamgr_category ul {
list-style:none;
}

.mediamgr_category ul li {
display:inline-block;
margin-right:5px;
}

.mediamgr_category ul li.right {
float:right;
}

.mediamgr_category ul li a {
display:block;
padding:3px 10px;
color:#666;
}

.mediamgr_category ul li a:hover,.mediamgr_category ul li.current a {
background:#333;
color:#fff;
text-decoration:none;
}

.mediamgr_category ul li .pagenuminfo {
display:inline-block;
margin-top:5px;
}

.mediamgr_menu li a.newfilebutton {
display:block;
padding:4px 10px 5px 10px;
text-align:center;
border:1px solid #F0882C;
background:#FB9337;
color:#fff;
font-weight:bold;
font-size:12px;
-moz-box-shadow:inset 0 1px 0 rgba(250,250,250,0.3);
-webkit-box-shadow:inset 0 1px 0 rgba(250,250,250,0.3);
box-shadow:inset 0 1px 0 rgba(250,250,250,0.3);
}

.mediamgr_menu li a.newfilebutton:hover {
background:#485B79;
border:1px solid #3f526f;
}

.menuright {
list-style:none;
}

.menuright li {
display:block;
margin-bottom:1px;
}

.menuright li a {
display:block;
padding:5px 10px;
color:#666;
}

.menuright li a:hover {
background:#ddd;
text-decoration:none;
}

.menuright li.current a {
background:#333;
color:#fff;
}

.listfile {
list-style:none;
}

.listfile li {
display:inline-block;
margin:5px 10px 5px 0;
border:1px solid #ddd;
padding:10px;
background:#fcfcfc;
}

.listfile li:hover {
border-color:#bbb;
}

.listfile li a {
display:block;
}

.listfile li a:hover {
cursor:pointer;
}

.listfile li span.filename {
display:block;
margin-top:5px;
font-size:11px;
text-align:center;
}

.listfile li.selected {
border-color:#3493f5;
background:#eaf3fd;
}

.mediaWrapper {
padding:5px;
width:700px;
min-height:350px;
}

.mediaWrapper p {
margin:10px 0;
}

.mediaWrapper p:first-child {
margin-top:0;
}

.imgpreview {
width:249px;
max-width:none;
}

.imginfo {
background:#eee;
padding:10px 20px 10px 10px;
border:1px solid #ddd;
}

.imgdetails label {
display:block;
margin-bottom:2px;
}

.imgdetails input,.imgdetails textarea {
padding:7px 5px;
border:1px solid #bbb;
background:#fcfcfc;
}
/*** MESSAGES STYLES ***/
.messagepanel {
}

.messagemenu {
background:#0866c6;
margin-top:15px;
}

.messagemenu ul {
list-style:none;
overflow:hidden;
clear:both;
}

.messagemenu ul li {
display:inline-block;
float:left;
border-right:1px solid rgba(255,255,255,0.2);
text-transform:uppercase;
font-size:11px;
}

.messagemenu ul li a {
display:block;
padding:12px 16px;
color:#fff;
}

.messagemenu ul li a:hover {
text-decoration:none;
background:rgba(255,255,255,0.1);
}

.messagemenu ul li.active {
border:1px solid #0866c6;
border-bottom:0;
}

.messagemenu ul li.active a {
background:#fff;
color:#0866c6;
}

.messagemenu ul li.pull-right {
float:right;
border-right:0;
border-left:1px solid rgba(255,255,255,0.2);
}

.messagemenu ul li.back {
display:none;
border-right:0;
}

.messagemenu ul li.back a {
cursor:pointer;
}

.messagecontent {
overflow:hidden;
clear:both;
}

.messageleft {
width:325px;
border:1px solid #0866c6;
border-top:0;
height:600px;
float:left;
background:#f7f7f7;
}

.messageright {
background:#fff;
margin-left:325px;
border:1px solid #0866c6;
border-top:0;
border-left:0;
height:600px;
}

.messagesearch {
padding:10px;
background:#fff;
border-bottom:1px solid #0866c6;
}

.messagesearch input {
margin:0;
padding:8px 10px;
height:auto;
background:#fff url(../images/icons/search.png) no-repeat 275px 8px;
}

.msglist {
list-style:none;
overflow:auto;
height:540px;
}

.msglist li {
display:block;
padding:10px;
border-bottom:1px solid #ddd;
overflow:hidden;
clear:both;
cursor:pointer;
}

.msglist li.unread {
background:#fff;
}

.msglist li.selected {
background:#0866c6;
}

.msglist li .thumb {
width:40px;
height:40px;
float:left;
}

.msglist li .summary {
margin-left:50px;
color:#666;
font-size:12px;
line-height:normal;
}

.msglist li.selected .summary {
color:#fff;
}

.msglist li h4 {
font-size:13px;
color:#0866c6;
line-height:14px;
}

.msglist li.selected h4 {
color:#fff;
}

.msglist li .date {
height:10px;
color:#999;
margin-top:-5px;
}

.msglist li.selected .date {
color:#fff;
opacity:0.6;
}

.msglist li p {
line-height:10px;
margin-top:5px;
}

.messageview {
overflow:auto;
height:450px;
}

.messageview .subject {
padding:14px 20px 13px 20px;
font-size:16px;
line-height:28px;
padding-right:150px;
}

.messageview .btn-group {
margin-top:12px;
margin-right:10px;
}

.messageview .btn-group .btn {
font-size:11px;
text-transform:uppercase;
}

.msgauthor {
padding:10px 20px;
border:1px solid #ddd;
border-left:0;
border-right:0;
overflow:hidden;
clear:both;
}

.msgauthor .thumb {
width:30px;
height:30px;
float:left;
margin-top:5px;
}

.msgauthor .authorinfo {
margin-left:40px;
}

.msgauthor .authorinfo h5 {
font-size:12px;
line-height:10px;
}

.msgauthor .authorinfo h5 span {
font-size:12px;
color:#999;
margin-left:5px;
}

.msgauthor .authorinfo .to {
font-size:11px;
color:#999;
display:block;
margin-top:-3px;
}

.msgauthor .authorinfo .date {
font-size:12px;
color:#999;
}

.msgbody {
padding:20px;
color:#666;
}

.msgbody p {
margin:20px 0;
}

.msgbody p:first-child {
margin-top:0;
}

.msgbody p:last-child {
margin-bottom:0;
}

.msgreply {
padding:10px;
border-top:1px solid #0866c6;
}

.msgreply .thumb {
width:40px;
height:40px;
float:left;
}

.msgreply .reply {
margin-left:50px;
}

.msgreply textarea {
display:block;
width:100%;
height:128px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
/*** TABLES ***/
.dataTable {
margin-bottom:0;
}

.dataTable th,.dataTable td {
font-size:12px;
}

.dataTables_wrapper {
position:relative;
}

.dataTables_length,.dataTables_info {
background:#eee;
padding:10px;
font-size:11px;
border:1px solid #ddd;
}

.dataTables_length {
border-bottom:0;
}

.dataTables_info {
border-top:0;
}

.dataTables_filter {
position:absolute;
top:12px;
right:10px;
}

.dataTables_filter input {
width:150px;
margin:0 0 0 10px;
}

.dataTables_paginate {
position:absolute;
bottom:10px;
right:10px;
}

.dataTables_paginate .first,.dataTables_paginate .previous,.dataTables_paginate .paginate_active,.dataTables_paginate .paginate_button,.dataTables_paginate .next,.dataTables_paginate .last {
padding:5px 10px;
border:1px solid #ccc;
border-left:0;
font-size:11px;
background:#eee;
cursor:pointer;
}

.dataTables_paginate span:hover {
background-color:#ddd;
}

.dataTables_paginate .first {
border-left:1px solid #ccc;
}

.dataTables_paginate .paginate_active {
background:#fff;
}

.dataTables_paginate .paginate_button:hover {
background:#eee;
}

.dataTables_paginate .paginate_button_disabled {
cursor:default;
color:#ccc;
background:#eee;
}

.dataTables_paginate a {
color:#666;
}

.dataTables_paginate a:hover {
text-decoration:none;
}

.dataTables_length select {
width:auto !important;
margin:0;
}

.dataTables_scrollHead {
background:#333;
}

.dataTables_scrollHead table {
border-bottom:0;
}

#dyntable2_wrapper .dataTables_filter {
position:static;
padding:10px;
background:#eee;
text-align:right;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}

#dyntable2_info {
border-top:1px solid #ddd;
}
/*** GRAPHS & CHARTS ***/
.stackControls {
margin-right:3px;
}

.stackControls,.graphControls {
display:inline-block;
float:left;
}

.stackControls .btn,.graphControls .btn {
font-size:11px;
}
/***  TYPOGRAPHY ***/
ul.list-unordered,ol.list-ordered,ul.list-unordered ul,ol.list-ordered ol {
margin:0 0 0 25px;
padding:0;
}

ul.list-checked,ol.list-checked,ul.list-checked2,ol.list-checked2 {
list-style:none;
margin:0;
}

ul.list-checked li,ol.list-checked li {
background:url(../images/check.png) no-repeat 0 2px;
padding-left:25px;
display:block;
}

ul.list-checked2 li,ol.list-checked2 li {
background:url(../images/check2.png) no-repeat 0 2px;
padding-left:25px;
display:block;
}

ul.list-nostyle ul,ol.list-style ol,ul.list-nostyle ol,ol.list-style ul {
margin:0 0 0 25px;
padding:0;
}

ul.list-nostyle li,ol.list-nostyle li {
list-style:none;
}

ul.list-nostyle li span,ol.list-nostyle li span {
vertical-align:top;
}

ul.list-inline li {
display:inline-block;
margin:0 5px 10px 0;
}
/*** ELEMENTS & WIDGETS ***/
.tooltipsample li {
display:inline-block;
margin-right:5px;
list-style:none;
}

.popoversample li {
display:inline-block;
margin-right:5px;
list-style:none;
}

.pargroup {
border:1px solid #ccc;
background:#fff;
overflow:hidden;
}

.pargroup .par {
border-bottom:1px solid #ddd;
padding:10px;
}

.pargroup .par:last-child {
border-bottom:0;
}

.pargroup .par p.pull-right {
margin-top:-20px;
font-size:11px;
}

.pargroup .par h6 {
font-weight:normal;
color:#666;
}

.stepContainer {
width:auto !important;
border-bottom:0;
}

.stepContainer .content h4 {
}

.stepContainer p {
margin:20px 0;
}

.stepContainer .par p {
margin:10px 0;
line-height:21px;
}

.stepContainer .par p:last-child {
border-bottom:0;
}

.actionBar {
padding:5px;
position:relative;
overflow:hidden;
clear:both;
border:2px solid orange;
border-top:1px solid orange;
background:transparent;
color:white;
bottom:50px;
}

.actionBar .loader {
float:left;
display:none;
}

.actionBar a {
float:right;
display:inline-block;
padding:5px 15px;
background:orange;
color:#FFF;
margin-left:5px;
border:2px solid #0866c6;
}

.actionBar a:hover {
text-decoration:none;
background:red;
color:#fff;
}

.actionBar a.buttonDisabled {
background:#fff;
border:2px solid #0866c6;
color:#0866c6;
opacity:0.5;
}

.actionBar a.buttonDisabled:hover {
cursor:default;
}

.actionBar a.buttonDisabled:active {
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}

.actionBar .msgBox {
margin:40px 0 10px 0;
position:relative;
}

.actionBar .msgBox .content {
padding:7px 10px;
background:#fffccc;
color:#333;
border:1px solid #FEEA7A;
}

.actionBar .msgBox .close {
padding:0 2px 2px 2px;
background:none;
line-height:10px;
text-transform:lowercase;
font-size:10px;
position:absolute;
top:5px;
right:7px;
color:#333;
text-shadow:none;
font-weight:bold;
-moz-border-radius:1px;
-webkit-border-radius:1px;
border-radius:1px;
}

.actionBar .msgBox .close:hover {
background:#333;
color:#eee;
}

#step1,#step2,#step3 {
background-color:white;
color:#444848;
font-size:16px;
font-family: 'Anton ';
padding:10px;
padding-left:20px;
}

.t1 {
font-family: 'Oxygen ',sans-serif;
}

.t2 {
font-family: 'Roboto Slab ',serif;
}

.t3 {
font-family: 'Sedgwick Ave ',cursive;
}

.t4 {
font-family: 'Lobster ',cursive;
}

.t5 {
font-family: 'News Cycle ',sans-serif;
}

.t6 {
font-family: 'Teko ',sans-serif;
}

.t7 {
font-family: 'Passion One ',cursive;
}

.t8 {
font-family: 'Archivo Black ',sans-serif;
}

.t9 {
font-family: 'Righteous ',cursive;
}

.t10 {
font-family: 'Zilla Slab Highlight ',cursive;
}

.tabbedwizard .stepContainer {
background:#fff;
}

.tabbedwizard .stepContainer h4 {
font-size:14px;
border-bottom:1px solid #ddd;
color:white;
}

.wizard .tabbedmenu {
list-style:none;
height:63px;
min-height:63px;
}

.wizard .tabbedmenu li {
display:inline-block;
margin-top:11px;
position:relative;
bottom:10px;
min-height:63px;
border-right:1px solid white;
}

.wizard .tabbedmenu li a {
display:block;
vertical-align:middle!important;
text-align:center!important;
min-height:63px;
}

.wizard .tabbedmenu li a span {
text-shadow:none;
background:none;
font-size:12px;
padding-left:40px;
padding-right:40px;
text-shadow:1px 1px black;
padding-top:16px;
padding-bottom:16px;
}

.wizard .tabbedmenu li a span.h2 {
position:relative;
display:block;
font-size:16px;
font-weight:normal;
color:white;
top:3px;
}

.wizard .tabbedmenu li a:hover {
text-decoration:none;
}

.wizard .tabbedmenu li a.selected {
}

.wizard .tabbedmenu li a.done {
background-color:#dd0000!important;
}

.wizard .tabbedmenu li a.disabled {
background-color:#dd0000!important;
}
/*** EDIT PROFILE ***/
.profile-left .taglist {
list-style:none;
}

.profile-left .taglist li {
display:block;
margin-bottom:1px;
}

.profile-left .taglist li a {
color:#666;
display:block;
padding:7px 10px;
background:#eee;
position:relative;
}

.profile-left .taglist li a:hover {
text-decoration:none;
background:#ddd;
}

.profile-left .taglist li a span {
position:absolute;
top:8px;
right:10px;
opacity:0.3;
}

.profilethumb {
text-align:center;
position:relative;
overflow:hidden;
}

.profilethumb a {
display:none;
font-size:11px;
position:absolute;
top:5px;
right:5px;
padding:2px 7px;
background:#333;
color:#fff;
}

.profilethumb a:hover {
text-decoration:none;
background:#444;
}

.editprofileform label {
float:left;
width:100px;
padding-top:5px;
}

.editprofileform input [type=checkbox ] {
margin:0;
margin-right:10px;
vertical-align:middle;
}

.editprofileform p {
margin:20px 0;
}
/*** SEARCH RESULTS PAGE ***/
.resultslist {
list-style:none;
}

.resultslist li {
display:block;
margin-top:20px;
}

.resultslist li:first-child {
margin-top:0;
}

.resultslist h3 {
font-weight:normal;
margin:0;
font-size:16px;
}

.resultslist .link {
display:block;
color:#999;
}

.resultslist .link:hover {
text-decoration:none;
color:#666;
}

.sidebarlabel {
margin-bottom:5px;
}
/*** ERROR PAGE ***/
.errortitle {
text-align:center;
margin-top:5%;
}

.errortitle h4 {
font-size:24px;
margin-bottom:20px;
}

.errortitle span {
display:inline-block;
font-size:120px;
background:#333;
color:#fff;
line-height:normal;
padding:10px 30px;
margin-left:7px;
}

.errortitle .errorbtns {
margin-top:20px;
}

.errortitle .errorbtns a {
margin-right:7px;
display:inline-block;
}
/*** INVOICE PAGE ***/
.invoice_logo {
margin-bottom:30px;
}

.table-invoice,.table-invoice-full {
border-color:#ccc;
border-top:1px solid #ccc !important;
}

.table-invoice tr td,.table-invoice-full tr td {
border-color:#ccc;
}

.table-invoice tr td:first-child {
background:#eee;
font-size:11px;
text-transform:uppercase;
}

.table-invoice tr td:last-child {
background:#fff;
}

.table-invoice-full tr td {
background:#f7f7f7;
}

.table-invoice-full th.right,.table-invoice-full td.right {
text-align:right;
}

.invoice-table {
width:100%;
border:0;
margin-top:15px;
}

.invoice-table tr td {
line-height:26px;
border:0;
}

.invoice-table td.right {
text-align:right;
background:transparent !important;
}

.invoice-table td.numlist strong {
display:block;
border-top:1px solid #ddd;
padding:7px 0;
}

.amountdue {
text-align:right;
}

.amountdue h1 {
text-align:center;
line-height:normal;
border:1px solid #ccc;
background:#fcfcfc;
display:inline-block;
padding:10px 30px;
width:200px;
}

.amountdue h1 span {
display:block;
font-size:12px;
text-transform:uppercase;
color:#666;
}

.amountdue .btn {
margin-top:15px;
width:222px;
}

.msg-invoice {
padding:0 !important;
}

.msg-invoice h4 {
font-size:12px;
text-transform:uppercase;
}

.msg-invoice p {
font-size:11px;
line-height:18px;
}
/*** FOOTER STYLES ***/
.footer {
font-size:11px;
color:#666;
padding-top:15px;
margin-top:40px;
border-top:1px solid #ddd;
overflow:hidden;
clear:both;
}

.footer .footer-left {
float:left;
}

.footer .footer-right {
float:right;
}
/*** CUSTOM STYLES ***/
.nopadding {
padding:0;
}

.padding5 {
padding:5px;
}

.divider15 {
clear:both;
height:15px;
}

.divider30 {
height:30px;
}

.marginleft15 {
margin-left:15px;
}

.marginleft5 {
margin-left:5px;
}

.tooltipflot {
background:#333;
color:#fff;
font-size:11px;
padding:2px 10px;
}

.table thead th.right,.table tr td.right {
text-align:center;
}

.topbar {
display:none;
}

.width5 {
width:5%;
}

.width10 {
width:10%;
}

.width15 {
width:15%;
}

.width20 {
width:20%;
}

.width30 {
width:30%;
}

.width45 {
width:45%;
}

.width60 {
width:60%;
}

.width65 {
width:65%;
}

.width63 {
width:63%;
}

.width70 {
width:70%;
}
/*** FONT ROBOTO LIGHT ***/
strong,.headmenu .nav-header,.nav-list .nav-header {
font-family: 'RobotoBold ', 'Helvetica Neue ',Helvetica,sans-serif;
}

.headmenu >li,.leftmenu .nav-tabs.nav-stacked a,.pagetitle h1,.shortcuts li {
font-family: 'RobotoLight ', 'Helvetica Neue ',Helvetica,sans-serif;
}

.pagetitle h5,.subtitle {
font-family: 'RobotoRegular ', 'Helvetica Neue ',Helvetica,sans-serif;
}
/*** FONT LATO ***/
.subtitle2,.table th,.msglist li h4,.tabbedwizard .stepContainer h4,dt,.userloggedinfo .userinfo h5,.loginpanel .inputwrapper button,.userlist li .uinfo h5 {
font-family: 'LatoBold ', 'Helvetica Neue ',Helvetica,sans-serif;
font-weight:normal;
}
/*** TRANSITION ***/
.headmenu-label,.headmenu-icon,.headmenu .count,.leftmenu .nav-tabs a,.dropdown-menu a,.shortcuts li a,.userloggedinfo ul li a,.inputwrapper input,.inputwrapper button {
-moz-transition:all 0.2s ease-out 0s;
-webkit-transition:all 0.2s ease-out 0s;
transition:all 0.2s ease-out 0s;
}
/*** BOOTSTRAP OVERRIDE ***/
.close {
text-shadow:1px 1px rgba(255,255,255,0.4);
}

.dropdown-menu {
margin-top:0;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
}

.dropdown-menu >li >a {
font-size:12px;
color:#444;
margin:0 5px;
padding:5px 10px;
}

.dropdown-menu >li >a:hover .muted {
color:#fff;
}

.dropdown-menu >li >a:hover,.dropdown-menu >li >a:focus,.dropdown-submenu:hover >a,.dropdown-submenu:focus >a {
background:#333;
}

.dropdown .dropdown-menu .nav-header {
padding-left:10px;
padding-right:10px;
}

.nav-tabs >.active >a,.nav-tabs >.active >a:hover,.nav-tabs >.active >a:focus {
background-color:#0866c6;
color:#fff;
}

select,textarea,input [type= "text " ],input [type= "password " ],input [type= "datetime " ],input [type= "datetime-local " ],input [type= "date " ],input [type= "month " ],input [type= "time " ],input [type= "week " ],input [type= "number " ],input [type= "email " ],input [type= "url " ],input [type= "search " ],input [type= "tel " ],input [type= "color " ],.uneditable-input,.input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input,.input-append .dropdown-menu,.input-prepend .dropdown-menu,.input-append .popover,.input-prepend .popover,.btn-group >.btn,.btn-group >.dropdown-menu,.btn-group >.popover,.input-append .add-on,.input-prepend .add-on {
font-size:13px;
}

.radio input [type= "radio " ],.checkbox input [type= "checkbox " ] {
margin:0;
}

.fileupload-new .input-append .btn-file {
-moz-border-radius:0 !important;
-webkit-border-radius:0 !important;
border-radius:0 !important;
}

.btn {
font-size:13px;
padding:5px 12px 5px;
background:#eee;
text-shadow:none;
}

.btn-file {
padding:4px 12px 3px 12px;
}

.fileupload .btn {
vertical-align:top;
color:#666;
}

.btn-group >.btn + .dropdown-toggle {
padding-left:3px;
}

.input-append .add-on,.input-prepend .add-on {
height:22px;
}

.bootstrap-timepicker-widget a.btn,.bootstrap-timepicker-widget input {
-moz-border-radius:0 !important;
-webkit-border-radius:0 !important;
border-radius:0 !important;
}

.tabbable >.nav-tabs {
background:#0866c6;
margin:0;
border:1px solid #0866c6;
border-bottom:0;
height:40px;
}

.tabbable >.nav-tabs >li {
float:left;
margin:0;
border-right:1px solid rgba(255,255,255,0.2);
}

.tabbable >.nav-tabs >li >a {
color:#fff;
border:0;
padding:10px 20px;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
margin:0;
}

.tabbable >.nav-tabs >li >a:hover {
background:rgba(255,255,255,0.1);
}

.tabbable >.nav-tabs >li.active >a {
background:#fff;
color:#0866c6;
border:0;
padding-botom:12px;
}

.tabbable >.tab-content {
margin-top:0;
border:1px solid #0866c6;
border-top:0;
background:#fff;
padding:20px;
}

.nav-tabs.nav-stacked >li:first-child >a,.nav-tabs.nav-stacked >li:last-child >a {
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
}

.nav-tabs.nav-stacked >li >a,.nav-tabs.nav-stacked >li >a:hover,.nav-tabs.nav-stacked >li >a:hover,.nav-tabs.nav-stacked >li >a:focus {
border-color:#0866c6;
}

.btn {
display:inline-block;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
border-color:#bbb;
margin-bottom:5px;
}

.btn .caret {
margin-left:5px;
}

.btn-small {
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
font-size:11px;
text-transform:upperfcase;
}

.btn-large {
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
font-size:14px;
padding:10px 20px;
}

.btn-primary,.btn-primary:link {
background:#0866c6;
border-color:#0a6bce;
color:#fff;
}

.btn-primary:hover,.btn-primary:active,.btn:primary:focus,.btn-group.open .btn-primary.dropdown-toggle {
background:#0a76e5;
}

.btn-danger,.btn-danger:link {
background:#dd0000;
border-color:#aa0000;
}

.btn-danger:hover,.btn-danger:active,.btn-danger:focus,.btn-group.open .btn-danger.dropdown-toggle {
background:#cc0000;
}

.btn-warning,.btn-warning:link {
background:#fcb904;
border-color:#daa004;
}

.btn-warning:hover,.btn-warning:active,.btn-warning:focus,.btn-group.open .btn-warning.dropdown-toggle {
background:#edae03;
}

.btn-success,.btn-success:link {
background:#86d628;
border-color:#6db814;
}

.btn-success:hover,.btn-success:active,.btn-success:focus,.btn-group.open .btn-success.dropdown-toggle {
background:#7bca1d;
}

.btn-info,.btn-info:link {
background:#71b8ee;
border-color:#4a96d1;
}

.btn-info:hover,.btn-info:active,.btn-info:focus,.btn-group.open .btn-info.dropdown-toggle {
background:#5da6df;
}

.btn-inverse,.btn-inverse:link {
background:#333;
border-color:#272727;
}

.btn-circle {
-moz-border-radius:50px;
-webkit-border-radius:50px;
border-radius:50px;
width:20px;
padding:5px;
background:none;
border:2px solid #ccc;
}

.btn-circle:hover {
background:none;
color:#ccc;
}

.btn-circle.btn-primary,.btn-circle.btn-primary:hover,.btn-circle.btn-primary:focus,.btn-circle.btn-primary:active,.btn-circle.btn-primary.active,.btn-circle.btn-primary.disabled,.btn-circle.btn-primary [disabled ] {
border-color:#0866c6;
color:#0866c6;
background:none !important;
}

.btn-circle.btn-danger,.btn-circle.btn-danger:hover,.btn-circle.btn-danger:focus,.btn-circle.btn-danger:active,.btn-circle.btn-danger.active,.btn-circle.btn-danger.disabled,.btn-circle.btn-danger [disabled ] {
border-color:#dd0000;
color:#dd0000;
background:none;
}

.btn-circle.btn-warning,.btn-circle.btn-warning:hover,.btn-circle.btn-warning:focus,.btn-circle.btn-warning:active,.btn-circle.btn-warning.active,.btn-circle.btn-warning.disabled,.btn-circle.btn-warning [disabled ] {
border-color:#fcb904;
color:#fcb904;
background:none;
}

.btn-circle.btn-success,.btn-circle.btn-success:hover,.btn-circle.btn-success:focus,.btn-circle.btn-success:active,.btn-circle.btn-success.active,.btn-circle.btn-success.disabled,.btn-circle.btn-success [disabled ] {
border-color:#86d628;
color:#86d628;
background:none;
}

.btn-circle.btn-info,.btn-circle.btn-info:hover,.btn-circle.btn-info:focus,.btn-circle.btn-info:active,.btn-circle.btn-info.active,.btn-circle.btn-info.disabled,.btn-circle.btn-info [disabled ] {
border-color:#71b8ee;
color:#71b8ee;
background:none;
}

.btn-circle.btn-inverse,.btn-circle.btn-inverse:hover,.btn-circle.btn-inverse:focus,.btn-circle.btn-inverse:active,.btn-circle.btn-inverse.active,.btn-circle.btn-inverse.disabled,.btn-circle.btn-inverse [disabled ] {
border-color:#333;
color:#333;
background:none;
}

.btn-circle .iconsweets-white {
background-image:url( "../images/iconsweets-icons.png ");
}

.nav-list {
border:2px solid #333;
background:#fff;
}

.nav-list .nav-header {
padding:7px 15px;
background:#333;
color:#fff;
text-shadow:none;
font-weight:normal;
}

.nav-list >li >a {
padding:7px 15px;
}

.nav-list >.active >a,.nav-list >.active >a:hover,.nav-list >.active >a:focus {
background:#0866c6;
}

.nav-tabs {
border-color:#0866c6;
}

.nav-tabs >.active >a,.nav-tabs >.active >a:hover,.nav-tabs >.active >a:focus {
border-color:#0866c6;
}

.nav-tabs >li >a {
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
}

.nav-tabs >li >a:hover,.nav-tabs >li >a:focus {
border-color:#0866c6;
background:#0866c6;
color:#fff;
}

.nav-pills >.active >a,.nav-pills >.active >a:hover,.nav-pills >.active >a:focus {
background-color:#0866c6;
}

.nav-pills >li >a {
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
padding:10px 15px;
display:inline-block;
}

.tabs-below .tab-content {
border-top:1px solid #0866c6;
border-bottom:0;
}

.tabs-below >.nav-tabs >li.active >a {
border-bottom:1px solid #0866c6 !important;
border-top:0;
margin-top:-1px;
}

.tabs-right {
overflow:hidden;
border:1px solid #0866c6;
background:#fff;
}

.tabs-right .nav-tabs {
margin:0;
border:0;
background:#0866c6;
}

.tabs-right .tab-content {
padding:10px;
}

.tabs-right >.nav-tabs >li {
margin:0;
border-bottom:1px solid #2187b5;
}

.tabs-right >.nav-tabs >li:last-child {
border-bottom:0;
}

.tabs-right >.nav-tabs >li >a {
border:0;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
background:#0866c6;
margin:0;
padding:8px 10px;
color:#fff;
}

.tabs-right >.nav-tabs >li >a:hover {
background:rgba(255,255,255,0.1);
}

.tabs-right >.nav-tabs .active >a,.tabs-right >.nav-tabs .active >a:hover,.tabs-right >.nav-tabs .active >a:focus {
background:#fff;
color:#0866c6;
border:0;
}

.tabs-left {
overflow:hidden;
border:1px solid #0866c6;
color:red;
text-shadow:0.25px 0.25px black;
font-size:18px;
}

.tabs-left .nav-tabs {
margin:0;
border:0;
background:#0866c6;
}

.tabs-left .tab-content {
padding:10px;
}

.tabs-left >.nav-tabs >li {
margin:0;
border-bottom:1px solid #2187b5;
}

.tabs-left >.nav-tabs >li:last-child {
border-bottom:0;
}

.tabs-left >.nav-tabs >li >a {
border:0;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
background:#0866c6;
margin:0;
padding:8px 10px;
color:#fff;
}

.tabs-left >.nav-tabs >li >a:hover {
background:rgba(255,255,255,0.1);
}

.tabs-left >.nav-tabs .active >a,.tabs-left >.nav-tabs .active >a:hover,.tabs-left >.nav-tabs .active >a:focus {
background:#fff;
color:#0866c6;
border:0;
}

.pagination {
margin:10px 0;
}

.pagination >ul >li a {
border-color:#ccc;
}

.pagination-large ul >li:first-child >a,.pagination-large ul >li:first-child >span,.pagination-large ul >li:last-child >a,.pagination-large ul >li:last-child >span {
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
}

.pagination ul >li >a,.pagination ul >li >span {
color:#666;
}

.pager li >a {
border-color:#ccc;
}

.pager li >a,.pager li >span {
color:#666;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
border-width:2px;
}

.progress {
height:15px;
}

.progress .bar {
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}

.progress-primary .bar {
background:#0866c6;
}

.progress-info .bar {
background:#71B8EE;
}

.progress-success .bar {
background:#86D628;
}

.progress-warnng .bar {
background:#FCB904;
}

.navbar {
margin-bottom:15px;
}

.navbar-inner {
border-color:#ccc;
background:#f7f7f7;
}

.navbar .brand {
font-size:14px;
font-weight:bold;
}

.navbar .nav >li {
border-left:1px solid #ccc;
}

.navbar .nav >li:last-child {
border-right:1px solid #ccc;
}

.navbar .nav >.active >a,.navbar .nav >.active >a:hover,.navbar .nav >.active >a:focus {
background:#fff;
}

.navbar .nav >li >a {
padding:11px 15px;
font-size:11px;
font-weight:normal;
text-transform:uppercase;
}

.navbar .nav >li >a:hover {
background:#eee;
}

.navbar .nav li.dropdown.open >.dropdown-toggle,.navbar .nav li.dropdown.active >.dropdown-toggle,.navbar .nav li.dropdown.open.active >.dropdown-toggle {
background:#fff;
}

.navbar .navbar-search.pull-right .search-query {
margin-right:-15px;
}

.navbar .navbar-search.pull-left .search-query {
margin-left:-15px;
}

.navbar .navbar-form.pull-right {
margin-right:-15px;
}

.navbar .navbar-form.pull-left {
margin-left:-15px;
}

.navbar .navbar-form input {
width:168px;
}

.navbar-inverse .navbar-inner {
background:#222;
}

.navbar-inverse .nav >.active >a,.navbar-inverse .nav >.active >a:hover,.navbar-inverse .nav >.active >a:focus {
background:#111;
}

.navbar-inverse .nav >li,.navbar-inverse .nav >li:last-child {
border-color:#373737;
}

.navbar-inverse .nav >li >a:hover {
background:#171717;
}

.navbar-inverse .nav li.dropdown.open >.dropdown-toggle,.navbar-inverse .nav li.dropdown.active >.dropdown-toggle,.navbar-inverse .nav li.dropdown.open.active >.dropdown-toggle {
background:#171717;
}

.navbar-search .search-query {
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
}

.navbar-form .btn {
padding:4px 10px;
font-size:11px;
text-transform:uppercase;
}

.label {
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
font-size:10px;
text-shadow:none;
font-weight:normal;
text-transform:uppercase;
padding:2px 5px;
}

.badge {
font-size:10px;
text-shadow:none;
font-weight:normal;
line-height:19px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
border-radius:50px;
}

.modal {
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
}

.modal-footer .btn {
margin:0;
}

.popover,.popover-title {
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
}

.popover {
padding:0;
}

.alert .close {
right:-25px;
top:1px;
}

.table th {
font-weight:normal;
text-transform:uppercase;
font-size:12px;
border-top:0;
background:#333;
color:#fff;
}

.table th.centeralign,.table td.centeralign {
text-align:center;      max-height: 20px!important;
}

.table.table-bordered {
border-top:0;
border-right:0;
}

.table.table-bordered th {
border-color:#444;
}

.table.table-bordered td:last-child {
border-right:1px solid #ddd;
}

.table .con0 {
background:#fff;
}

.table .con1 {
background:#f7f7f7;
}

blockquote {
background:url(../images/blockquote.png) no-repeat 0 5px;
font-family: 'PT Serif ',Georgia, "Times New Roman ",Times,serif;
font-style:italic;
padding-left:40px;
}

blockquote p {
margin:0 !important;
}

blockquote.pull-right {
background-position:right 5px;
padding:0 40px 0 0;
border-right:0;
}

.alert {
border-color:#e4bf7f;
color:#9c6c38;
margin-bottom:15px;
background:rgb(246,237,186);
}

.alert .close {
top:0;
right:-23px;
color:#937f0e;
}

.alert h4 {
color:#9c6c38;
}

.alert-error {
border-color:#e18d9a;
color:#da5251;
background:rgb(246,216,216);
}

.alert-error .close,.alert-error h4 {
color:#990000;
}

.alert-success {
border-color:#b4da95;
color:#468847;
background:rgb(223,240,216);
}

.alert-success .close,.alert-success h4 {
color:#468847;
}

.alert-info {
border-color:#88c4e2;
color:#3a87ad;
background:rgb(217,237,247);
}

.alert-info .close,.alert-info h4 {
color:#3a87ad;
}

pre.prettyprint,.accordion {
margin-bottom:0;
}

dl {
margin-bottom:15px;
}

.input-block-level {
min-height:37px;
}

table td.center,table th.center {
text-align:center;
}
/*** IE FIXES ***/
.no-rgba .headmenu >li.odd {
background:url(../images/transwhite.png);
}

.no-rgba .headmenu >li {
border-right:1px solid #4289d2;
}

.no-rgba .headmenu >li:first-child {
border-left:1px solid #4289d2;
}

.no-rgba .userloggedinfo ul li a {
background:url(../images/transwhite.png);
}

.no-rgba .userloggedinfo ul li a:hover {
background:url(../images/transwhite2.png);
}

.no-rgba .tab-primary.ui-tabs .ui-tabs-nav li {
border-right:1px solid #4289d2;
}

.no-rgba .tab-primary.ui-tabs .ui-tabs-nav li a {
background:url(../images/transwhite.png);
}

.no-rgba .tab-primary.ui-tabs .ui-tabs-nav li.ui-state-active a {
background:#fff;
}

.no-rgba .tab-danger.ui-tabs .ui-tabs-nav li {
border-right:1px solid #db4d4d;
}

.no-rgba .tab-danger.ui-tabs .ui-tabs-nav li a {
background:url(../images/transwhite.png);
}

.no-rgba .tab-danger.ui-tabs .ui-tabs-nav li.ui-state-active a {
background:#fff;
}

.no-rgba .tab-warning.ui-tabs .ui-tabs-nav li {
border-right:1px solid #fcce4f;
}

.no-rgba .tab-warning.ui-tabs .ui-tabs-nav li a {
background:url(../images/transwhite.png);
}

.no-rgba .tab-warning.ui-tabs .ui-tabs-nav li.ui-state-active a {
background:#fff;
}

.no-rgba .tab-success.ui-tabs .ui-tabs-nav li {
border-right:1px solid #aae268;
}

.no-rgba .tab-success.ui-tabs .ui-tabs-nav li a {
background:url(../images/transwhite.png);
}

.no-rgba .tab-success.ui-tabs .ui-tabs-nav li.ui-state-active a {
background:#fff;
}

.no-rgba .tab-info.ui-tabs .ui-tabs-nav li {
border-right:1px solid #9bcdf3;
}

.no-rgba .tab-info.ui-tabs .ui-tabs-nav li a {
background:url(../images/transwhite.png);
}

.no-rgba .tab-info.ui-tabs .ui-tabs-nav li.ui-state-active a {
background:#fff;
}

.no-rgba .tab-inverse.ui-tabs .ui-tabs-nav li {
border-right:1px solid #707070;
}

.no-rgba .tab-inverse.ui-tabs .ui-tabs-nav li a {
background:url(../images/transwhite.png);
}

.no-rgba .tab-inverse.ui-tabs .ui-tabs-nav li.ui-state-active a {
background:#fff;
}

.no-rgba .ui-accordion .ui-accordion-header a:hover {
background:url(../images/transwhite.png);
}

.no-rgba .ui-accordion .ui-accordion-header.ui-state-active a:hover {
background:#fff;
}

.no-rgba .accordion-primary.ui-accordion .ui-accordion-header {
border-top:1px solid #4289d2;
}

.no-rgba .accordion-danger.ui-accordion .ui-accordion-header {
border-top:1px solid #db4d4d;
}

.no-rgba .accordion-warning.ui-accordion .ui-accordion-header {
border-top:1px solid #fcce4f;
}

.no-rgba .accordion-success.ui-accordion .ui-accordion-header {
border-top:1px solid #aae268;
}

.no-rgba .accordion-info.ui-accordion .ui-accordion-header {
border-top:1px solid #9bcdf3;
}

.no-rgba .accordion-inverse.ui-accordion .ui-accordion-header {
border-top:1px solid #707070;
}

.no-rgba .fc-event {
background:#333;
}
/*** MEDIA QUERIES ***/
@media screen and (max-width:1024px) {
/* general */
.mainwrapper {
overflow:hidden;
}

.header .logo {
margin-left:-260px;
}

.header {
width:100%;
}

.headerinner {
width:100%;
margin-left:0;
}

.leftpanel {
margin-left:-260px;
}

.rightpanel {
margin-left:0;
width:100%;
}

.topbar {
display:block;
background:#272727;
height:50px;
}

.barmenu {
font-size:18px;
color:#fff;
background:url(../images/barmenu.png) no-repeat center center;
width:50px;
height:50px;
display:block;
cursor:pointer;
}
/* error page */
.errorpage .topbar {
display:none;
}

#logop {
display:none;
}



@media screen and (max-width:800px) {
body {
font-size:12px;
}

#dashboard-left {
width:48.6188%;
}

#dashboard-right {
width:48.6188%;
}
/* forms */
.input-xxlarge {
width:100%;
-moz-box-sizing:border-box;
height:auto !important;
}

.stdform label {
width:150px;
}

.stdform div.par .controls {
margin-left:170px;
}

.stdform .stdformbutton,.stdform small.desc {
margin-left:170px;
}

.stdform2 span.field,.stdform2 div.field {
margin-left:170px;
}

.stdform span.field,.stdform div.field {
margin-left:170px;
}

.stdform .formwrapper,.dualselect {
margin-left:170px;
}

.themepixelsSkin td.mceToolbar {
padding:0 !important;
}

#elm1_toolbargroup {
width:710px;
overflow:auto;
padding:10px;
}

#elm1_fullscreen {
display:none;
}
/* boxes */
.slide_img,.entry_img {
float:none;
margin-bottom:10px;
}

.slide_content,.entry_content {
margin-left:0;
}

}

@media screen and (max-width:768px) {
/* forms */
#elm1_toolbargroup {
width:680px;
}
/* messages */
.messageview .subject {
padding-right:110px;
padding-left:10px;
}

.msgauthor,.msgbody {
padding:10px;
}

.msgauthor .authorinfo h5 span {
margin-left:0;
display:block;
}
/* media */
.mediaWrapper {
width:500px;
}

.row-fluid .span5.imginfo {
width:auto;
float:none;
margin-bottom:20px;
}

.row-fluid .span7.imgdetails {
width:auto;
margin:0;
float:none;
}
}

@media screen and (max-width:720px) {
#dashboard-left,#dashboard-right {
width:100%;
margin:0;
}
/* calendar */
.ui-datepicker-calendar td a {
padding:10px;
font-size:12px;
}
/* buttons */
.fontawesomeicons .span3 {
width:48%;
display:inline-block;
}

.iconsweetslist li {
width:33.3333%;
}
/* forms */
.stdform label {
float:none;
width:auto;
text-align:left;
margin-bottom:5px;
}

.stdform div.par .controls,.stdform .stdformbutton,.stdform small.desc,.stdform2 span.field,.stdform2 div.field,.stdform span.field,.stdform div.field,.stdform .formwrapper,.dualselect {
margin-left:0;
}

.input-append .add-on,.input-prepend .add-on {
height:20px;
}

.stdform input {
padding:4px 5px;
}

.stdform2 p,.stdform2 div.par {
background:none;
}

.stepContainer p {
margin:10px 15px;
}

#wiz1step2_1 p {
margin:10px 0;
}

.tabbedwizard .stepContainer {
padding:30px 15px;
}

#elm1_toolbargroup {
width:640px;
}
/* boxes */
.bx-wrapper {
margin-bottom:20px;
}

.slide_img {
float:left;
width:100px;
}

.slide_content {
margin-left:120px;
}

.entry_img {
float:left;
}

.entry_content {
margin-left:120px;
}
/* media */
.mediamgr_menu li.right {
float:none;
margin-top:10px;
}

.mediamgr_category ul li.right {
float:none;
text-align:right;
display:block;
border-top:1px dashed #ddd;
margin-top:10px;
}

.mediamgr .mediamgr_right {
top:110px;
}
/* messages */
.messageleft {
width:241px;
}

.messageright {
margin-left:241px;
}
/* bootstrap */
.btn {
padding:4px 12px;
}
#atipi {
display:none;
}
}
}

@media screen and (max-width:640px) {
.headmenu >li >a {
padding:25px 10px 9px;
}
/* buttons */
.glyphicons li {
width:50%;
}

.iconsweetslist li {
width:50%;
}
/* forms */
#elm1_toolbargroup {
width:560px;
}
/* media */
.mediamgr_category,.mediamgr_content {
margin-right:0;
}

.mediamgr .mediamgr_right {
position:static;
width:auto;
}

.mediamgr .mediamgr_rightinner {
padding-left:0;
}

.mediamgr_category ul li.right {
float:right;
border-top:0;
margin-top:0;
}
}

@media screen and (max-width:603px) {
.headmenu >li >a {
padding:25px 15px 9px;
}

.userloggedinfo .userinfo small {
display:none;
}

.userloggedinfo {
width:220px;
}

.userloggedinfo .userinfo {
float:none;
margin-left:100px;
}
/* media */
.mediaWrapper {
width:400px;
}
/* table */
.dataTable th,.dataTable td {
font-size:11px;
padding:5px;
}

.dataTable th:nth-child(2),.dataTable td:nth-child(2) {
display:none;
}

.dataTables_paginate {
position:relative;
margin:-25px 0 0 20px;
}

.dataTables_info {
height:50px;
}

#dyntable2_info {
height:auto;
}

.dataTables_filter {
position:relative;
margin:-50px 0 20px 20px;
}

.dataTables_length {
height:70px;
}

#dyntable2_wrapper .dataTables_filter {
margin:0;
}
}

@media screen and (max-width:480px) {
.headmenu >li >a {
padding:25px 20px 9px;
}

.headmenu >li.right {
padding-bottom:13px;
}

.userloggedinfo {
width:auto;
}

.userloggedinfo img {
cursor:pointer;
}

.userloggedinfo .userinfo {
position:absolute;
top:110px;
z-index:100;
right:-1px;
width:200px;
background:#fff;
padding:10px;
color:#333;
border:2px solid #0866c6;
border-top:0;
display:none;
}

.userloggedinfo .userinfo::after {
position:absolute;
top:-6px;
right:45px;
display:inline-block;
border-right:6px solid transparent;
border-bottom:6px solid white;
border-left:6px solid transparent;
content: ' ';
}

.userloggedinfo .userinfo small {
color:#999;
}

.userloggedinfo ul li a {
background:#eee;
color:#333;
padding:5px 10px;
font-size:12px;
}

.userloggedinfo ul li a:hover {
background:#0866c6;
color:#fff;
}

.pageheader {
padding:15px;
min-height:120px;
}

.searchbar {
position:static;
margin-bottom:5px;
}

.searchbar input {
width:100%;
-moz-box-sizing:border-box;
height:auto;
background-position:410px 10px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
/* buttons */
.tabbable >.nav-tabs >li >a {
padding:10px;
}
/* forms */
.wizard .hormenu li {
float:none;
display:block;
width:auto;
border:2px solid #0866c6;
margin-bottom:5px;
}

.wizard .hormenu li a {
border:0;
}

.wizard .hormenu li a.done {
border:0;
}

.wizard .hormenu {
margin-bottom:20px;
}

.wizard-inverse .hormenu li {
border-color:#333;
}

.wizard .tabbedmenu {
height:auto;
padding:10px;
}

.wizard .tabbedmenu li {
display:block;
margin-bottom:10px;
}

.wizard .tabbedmenu li:last-child {
margin-bottom:0;
}

.wizard .tabbedmenu li a {
padding:10px;
}

#elm1_toolbargroup {
width:395px;
}
/* media */
.mediamgr_menu li.right {
float:none;
margin-top:10px;
}

.mediamgr_category ul li.right {
float:none;
text-align:right;
display:block;
border-top:1px dashed #ddd;
margin-top:10px;
}

.mediamgr .mediamgr_right {
top:110px;
}

.mediamgr_menu li.filesearch {
margin:10px 0;
width:100%;
}

.mediamgr_menu form input.filekeyword {
width:100%;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
height:auto;
margin-bottom:0;
}

.mediamgr_menu li.right {
margin-top:0;
}

.mediaWrapper {
width:280px;
}
/* messages */
.messageleft {
width:auto;
float:none;
height:auto;
}

.messageright {
margin-left:0;
display:none;
height:auto;
border-left:1px solid #0866c6;
}

.messagesearch input {
background-position:375px 9px;
}

.msglist {
height:auto;
border-bottom-width:1px;
}

.messageview {
height:auto;
}
/* calendar */
.fc-button {
padding:0 5px;
}

.fc-header-title {
margin-top:3px;
}
/* invoice */
.amountdue h1 {
padding:10px 25px;
}

.amountdue .btn {
width:225px;
}
}

@media screen and (max-width:1199px) {
#maskot {
display:none;
}
}

@media screen and (min-width:1300px) {
#maskot {
position:absolute;
top:-15px;
right:350px;
width:160px;
height:134px;
z-index:100;
}
}

@media screen and (max-width:360px) {
.header {
height:90px;
}

.headmenu >li {
font-size:12px;
}

.headmenu >li >a {
padding:25px 5px 9px;
}

.headmenu >li >a .head-icon {
width:30px;
height:30px;
background-size:cover;
}

.leftmenu .nav-tabs.nav-stacked li a {
font-size:13px;
}

.leftmenu .nav-tabs.nav-stacked .dropdown ul li a {
font-size:12px;
}

.userloggedinfo img {
width:60px;
}

.userloggedinfo .userinfo {
top:90px;
}

.header .logo {
padding-top:30px;
}

.headmenu .dropdown-menu:after {
left:25px;
}

.userloggedinfo .userinfo:after {
right:35px;
}

.searchbar input {
background-position:285px 10px;
}
/* buttons */
.tabbable >.nav-tabs >li {
overflow:hidden;
font-size:11px;
}

.tabbable >.nav-tabs >li a {
padding:10px 5px;
}

.glyphicons li {
width:auto;
float:none;
}

.fontawesomeicons .span3 {
width:auto;
float:none;
}

.iconsweetslist li {
width:auto;
float:none;
}
/* forms */
.dualselect select {
width:38%;
}

.chzn-container {
width:270px !important;
}

.chzn-drop {
width:268px !important;
}

.chzn-search input {
width:220px !important;
}

.tagsinput {
width:260px !important;
}

#elm1_toolbargroup {
width:285px;
}
/* elements */
.navbar .brand {
display:none;
} /* hidden for demo purposes only */
/* boxes */
.slide_img,.entry_img {
float:none;
margin-bottom:10px;
}

.slide_content,.entry_content {
margin-left:0;
}
/* media */
.mediamgr_category ul li {
float:none;
display:block;
margin:0;
}

.mediamgr_menu li {
margin-bottom:10px;
}

.mediamgr_menu li.newfilebtn {
margin-left:10px;
}

.mediaWrapper {
width:240px;
}

.imgpreview {
width:209px;
}
/* messages */
.messagemenu ul {
height:45px;
}

.messagemenu ul li a {
padding:12px 10px;
}
/* calendar */
.fc-header {
margin-top:30px;
}

.fc-header-title h2 {
margin-top:-50px;
}

.fc-button-month {
margin-left:-50px;
}
/* error */
.errortitle h4 {
font-size:20px;
}

.errortitle span {
font-size:50px;
}

.errortitle span:first-child {
margin-left:0;
}
/* bootstrap */
.tabbable >.tab-content {
padding:15px;
}

.btn-circle {
width:6px;
}

.btn-circle i {
margin-left:-3px;
}

.input-append .btn,.input-prepend .btn {
padding-left:8px;
padding-right:8px;
font-size:12px;
}
/* footer */
.footer .footer-left {
float:none;
text-align:center;
}

.footer .footer-right {
float:none;
text-align:center;
}
}

@media screen and (max-width:320px) {
body {
font-size:11px;
line-height:18px;
}

.leftpanel {
width:240px;
}

.header .logo {
width:240px;
}

.headmenu >li >a {
padding:25px 0 9px;
}

.searchbar input {
background-position:245px 10px;
}
/* dashboard */
.shortcuts li a {
width:125px;
}

.commentlist li img {
width:40px;
}

.commentlist li .comment-info {
margin-left:55px;
}

.commentlist li .comment-info h4 {
font-size:14px;
}
/* buttons */
.buttons-icons li {
width:50px;
overflow:hidden;
}

.buttons-icons li a {
width:150px;
}
/* forms */
.stdform .input-append input,.stdform .input-prepend input {
width:100px !important;
}

#elm1_toolbargroup {
width:240px;
}
/* media */
.mediamgr_menu li.newfoldbtn {
margin-left:0;
clear:left;
}
/* calendar */
.fc-button-month {
margin-left:-90px;
}

.fc-header-title h2 {
margin-left:-175px;
}
}





.datagrid table {
border-collapse:collapse;
text-align:left;
width:100%;
}

.datagrid {
font:normal 12px/150% Arial,Helvetica,sans-serif;
background:#fff;
overflow:hidden;
border:1px solid #D43B24;
-webkit-border-radius:3px;                                    
-moz-border-radius:3px;
border-radius:3px;
}

.datagrid table td,.datagrid table th {
padding:3px 10px;
}

.datagrid table thead th {
background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#D63220),color-stop(1,#8F0707) );
background:-moz-linear-gradient( center top,#D63220 5%,#8F0707 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr= '#D63220 ',endColorstr= '#8F0707 ');
background-color:#D63220;
color:#FFFFFF;
font-size:17px;
font-weight:bold;
border-left:1px solid #A85252;
}

.datagrid table thead th:first-child {
border:none;
}

.datagrid table tbody td {
color:#6B0E07;
font-size:12px;
font-weight:normal;
}

.datagrid table tbody .alt td {
background:#FFC9AD;
color:#6B0B0B;
}

.datagrid table tbody td:first-child {
border-left:none;
}

.datagrid table tbody tr:last-child td {
border-bottom:none;
}

.datagrid table tfoot td div {
border-top:1px solid #D43B24;
background:#CF2115;
}

.datagrid table tfoot td {
padding:0;
font-size:12px
}

.datagrid table tfoot td div {
padding:2px;
}

.datagrid table tfoot td ul {
margin:0;
padding:0;
list-style:none;
text-align:right;
}

.datagrid table tfoot li {
display:inline;
}

.datagrid table tfoot li a {
text-decoration:none;
display:inline-block;
padding:2px 8px;
margin:1px;
color:#FFFFFF;
border:1px solid #A3A3A3;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#D63220),color-stop(1,#6B0E07) );
background:-moz-linear-gradient( center top,#D63220 5%,#6B0E07 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr= '#D63220 ',endColorstr= '#6B0E07 ');
background-color:#D63220;
}

.datagrid table tfoot ul.active,.datagrid table tfoot ul a:hover {
text-decoration:none;
border-color:#999999;
color:#FFFFFF;
background:none;
background-color:#00557F;
}

div.dhtmlx_window_active,div.dhx_modal_cover_dv {
position:fixed !important;



}
  .std2{
          position:relative; 
          top: 3px;  
          text-align: center;font-size: 12px;
          min-width: 70px;  
          max-height: 20px!important;
          vertical-align: middle!important;      
          border:0; 
                                   
}
 .std2 input { height: 25px!important;  padding: 3px;        
 
  }  
  .std2 textarea{ height: 45px!important; width: 85%; padding: 3px; }    
  
     

.std{
            position:relative;
            text-align: center;font-size: 12px;
            background-color:transparent;
            min-width: 70px;  max-height: 20px!important;
            vertical-align: middle!important;      
            border: 0;    
            font-size:15px;
            font-family:Zilla;
            left:10px;  
             color:#CF3F0E; 
}         


    .tbbg
     {
 position: relative;
 bottom:16px;       
background-color: rgba(255, 177, 0, 0.5);
background: rgba(255, 177, 0, 0.5);
color: rgba(255, 177, 0, 0.5);     
width:100%;
     }


  .tbbg td {
             max-height: 20px!important;
  }
    .tbbg tr {
            max-height: 20px!important;
            
  }

     .siparis-board {
        
    position:absolute;left:0px;bottom:310px;height: 0px;width:163px;
    padding-top:25px;mborder: 1px dotted brown;
    color:#8C0000;vertical-align: middle!important;
    padding-left:5px;font-size: 16px;        
     }


    .siparis-fiyat        {/*
            
    position:absolute;left:18px;bottom:220px;height: 0px;width:163px;
    padding-top:25px;margin-top:20px;border: 1px dotted brown;
    padding-bottom:25px;margin-left:10px;color:#8C0000;vertical-align: middle!important;
    padding-left:5px;font-size: 16px;background-color: #FACC63;        
  */  }
    .siparis-sure {
     position:absolute;left:26px;bottom:280px;height: 0px;width:145px;
     padding-top:30px;margin-top:20px;border: 1px dotted brown;padding-bottom:20px;
     margin-left:10px;color:brown;vertical-align: middle!important;padding-left:5px;
     font-size: 16px;
     background-color:white;
    }
     .siparis-kayitdefteri        {
            
    position:absolute;left:16px;bottom:260px;height: 0px;width:163px;
    padding-top:25px;margin-top:20px;border: 1px dotted brown;
    padding-bottom:25px;margin-left:10px;color:brown;vertical-align: middle!important;
    padding-left:5px;font-size: 16px;background-color: white;        
    }
    
     .siparis-asemt {
            
    position:absolute;left:10px;top:170px;width:185px;padding-top:20px;margin-top:20px;
    border: 1px dotted brown;padding-bottom:20px;margin-left:10px;color:brown;vertical-align: middle!important;
    padding-left:5px;font-size: 16px;background-color:white;
     }
     
    .siparis-tsemt {
     position:absolute;left:10px;top:220px;width:185px;padding-top:20px;margin-top:20px;
     border: 1px dotted brown;padding-bottom:20px;margin-left:10px;color:brown;
     vertical-align: middle!important;padding-left:5px;font-size: 16px;background-color:white;
    }
    
    .siparis-asemt div , .siparis-tsemt div {
    position: absolute;left:30px;top:12px;font-size:15px;
    }
       .siparis-madi {
          
            position: relative;
            padding-bottom: 15px;
            margin-top: -10px;
            margin-bottom: 30px;
             background-color: #FACC63;
              width: 400px;

       }
       .siparis-madi input {
            position: relative!important;
            height: 25px!important;  padding: 3px;  
            top:3px!important;
            
       }
    .siparis-madi td {         
                     position: relative;
                     bottom:1px;
                     padding: 3px 9px 3px 9px;
                     min-height:25px;
                     max-height: 35px;
                     
                    
             }
    .siparis-madi td {
            
              }      
              
              
          .gizli {
            
            display:none;
            
          }    
      

@font-face {
		font-family: 'TRY';
		src:url('fonts/TRY.eot');
		src:url('fonts/TRY.eot?#iefix') format('embedded-opentype'),
			url('fonts/TRY.woff') format('woff'),
			url('fonts/TRY.ttf') format('truetype'),
			url('fonts/TRY.svg#TRY') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	.simge-tl, .simgetl {
		font-family: 'TRY';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
	}
	.simgetl:before {
		content: "\20ba";
	}
      
@import url('https://fonts.googleapis.com/css?family=Aladin|Allan|Bangers|Chelsea+Market|Chicle|Coda+Caption:800|Cousine|Francois+One|Inika|Josefin+Sans|Knewave|Lilita+One|Montserrat|Paytone+One|Ribeye|Righteous|Trykker|Viga&subset=latin-ext');

.font1 { font-family: 'Francois One', sans-serif;    }
.font2 { font-family: 'Josefin Sans', sans-serif;  }
.font3 {font-family: 'Cousine', monospace;  }
.font4 { font-family: 'Chicle', cursive; }
.font5 { font-family: 'Righteous', cursive;  }
.font6 { font-family: 'Bangers', cursive; }
.font7 { font-family: 'Coda Caption', sans-serif; }
.font8 { font-family: 'Paytone One', sans-serif; }
.font9 { font-family: 'Lilita One', cursive; }
.font10 { font-family: 'Inika', serif; text-shadow:  0.25px 0.25px black;}
.font11 { font-family: 'Ribeye', cursive; }
.font12 { font-family: 'Chelsea Market', cursive; }
.font13 { font-family: 'Montserrat', sans-serif; }
.font14 { font-family: 'Viga', sans-serif;}
.font15 { font-family: 'Trykker', serif; }
.font16 { font-family: 'Aladin', cursive; }
.font17 { font-family: 'Knewave', cursive; }
.font18 {  font-family: 'Allan', cursive;  }

.text10px { font-size:10px;}
.text11px { font-size:11px;}
.text12px { font-size:12px;}
.text13px { font-size:13px;}
.text15px { font-size:15px;}
.text16px { font-size:16px;}
.text18px { font-size:18px;}
.text20px { font-size:20px;}
.text22px { font-size:22px;}
.text24px { font-size:24px;}
.text26px { font-size:26px;}
.text30px { font-size:30px;}
.text32px { font-size:32px;}

.r-gokmavisi  {color:#87CEEB;}
.r-domates  {color:#FF6347;}
.r-turkuaz  {color:#40E0D0;}
.r-menekse  {color:#EE82EE;}
.r-beyaz  {color:#FFFAFA;}
.r-ortagri  {color:#708090;}
.r-gumus  {color:#C0C0C0;}
/*  / / / / / / / / / / / / /   */
.r-mavi1  {color:#A0522D;}
.r-mavi2  {color:#AFEEEE;}
.r-mavi3  {color:#B0E0E6;}
.r-mavi4  {color:#191970;}
/*  / / / / / / / / / / / / /   */
.r-yesil1 { color:#00FA9A;}
.r-yesil2 { color:#3CB371;}
.r-yesil3 { color:#66CDAA;}
.r-yesil4 { color:#32CD32;}
.r-yesil5 { color:#00FF00;}
/*  / / / / / / / / / / / / /   */
.r-orkide { color:#DA70D6;}
.r-aqua1  {color:#AFEEEE;}
.r-aqua2  {color:#B0E0E6;}
.r-aqua3  {color:#B0E0E6;}
/*  / / / / / / / / / / / / /   */
.r-kahverengi1  {color:#A0522D;}
.r-kahverengi2  {color:#8B4513;}
.r-kahverengi3  {color:#BC8F8F;}
.r-palevored { color:#DB7093;}
/*  / / / / / / / / / / / / /   */
.r-matrenk1 { color:#7FFFD4;}
.r-matrenk2 { color:#F0FFFF;}
.r-matrenk3 { color:#FFE4C4}
.r-matrenk4 { color:#FFEBCD;}
.r-matrenk5 { color:#DEB887;}
.r-matrenk6 { color:#5F9EA0;}
.r-matrenk7 { color:#D2691E;}
.r-matrenk8 { color:#FF7F50;}
.r-matrenk9 { color:#6495ED;}
.r-matrenk10 { color:#008B8B;}
.r-matrenk11 { color:#A9A9A9;}
.r-matrenk12 { color:#BDB76B;}
.r-matrenk13 { color:#E9967A;}
.r-matrenk14 { color:#8FBC8F;}
.r-matrenk15 { color:#483D8B;}
.r-matrenk16 { color:#2F4F4F;}
.r-matrenk17 { color:#DCDCDC;}
.r-matrenk18 { color:#FFD700;}
.r-matrenk19 { color:#DAA520;}
.r-matrenk20 { color:#F0E68C;}
.r-matrenk21 { color:#B0C4DE;}
.r-matrenk22 { color:#FAF0E6;}
.r-matrenk23 { color:#F5FFFA;}
.r-matrenk24 { color:#FFE4E1;}
.r-matrenk25 { color:#4169E1;}
.r-matrenk26 { color:#F4A460;}
.r-matrenk27 { color:#9ACD32;}
.r-matrenk28 { color:#D8BFD8;}
.r-matrenk29 { color:#D2B48C;}
.r-matrenk30 { color:#DDA0DD;}
/*  / / / / / / / / / / / / /   */
.r-parlakrenk1 { color:#00FFFF;}
.r-parlakrenk2 { color:#7FFF00;}
.r-parlakrenk3 { color:#00CED1;}
.r-parlakrenk4 { color:#9400D3;}
.r-parlakrenk5 { color:#FF1493;}
.r-parlakrenk6 { color:#FF00FF;}
.r-parlakrenk7 { color:#ADFF2F;}
.r-parlakrenk8 { color:#7CFC00;}
.r-parlakrenk9 { color:#00FF00;}
.r-parlakrenk10 { color:#00FA9A;}
.r-parlakrenk11 { color:#C71585;}
.r-parlakrenk12 { color:#FF0000;}
.r-parlakrenk13 { color:#FFFF00;}
.r-parlakrenk14 { color:#40E0D0;}
/*  / / / / / / / / / / / / /   */
.r-beyaz1  {color:#FFFFFF;}
.r-beyaz2 { color:#F5F5F5;}
.r-beyaz3 { color:#FFFAFA;}
.r-beyaz4  {color:#FFF5EE;}
.r-beyaz5 { color:#FDF5E6;}
.r-beyaz6 { color:#F5FFFA;}
/*  / / / / / / / / / / / / /   */
.r-kirmizi1  {color:#FF0000;}
.r-kirmizi2 { color:#FF6347;}
.r-kirmizi3 { color:#B22222;}
.r-kirmizi4  {color:#DC143C;}
.r-kirmizi5 { color:#8B0000;}
/*  / / / / / / / / / / / / /   */
.r-pembe1{ color:#FFC0CB; }
.r-pembe2{ color:#FFE4E1; }
.r-papayawhip { color:#FFEFD5;}
.r-peachpuff { color:#FFDAB9;}
.r-yavruagizi  {color:#FFF5EE;}
.r-zeytin { color:#808000;}
.r-denizyesili  {color:#2E8B57;}
.r-turuncu1  {color:#F4A460;}
.r-turuncu2 { color:#FF4500;}
.r-portakal { color:#FFA500;}
.r-somon  {color:#FA8072;}
.r-mor  {color:#800080;}
/*  / / / / / / / / / / / / /   */ /*  / / / / / / / / / / / / /   */ /*  / / / / / / / / / / / / /   */ /*  / / / / / / / / / / / / /   */



.v-top { position: relative;vertical-align: top!important;}
.v-middle { position: relative;vertical-align: middle!important;}
.v-bottom { position: relative;vertical-align: bottom!important;}

.h-center { position: relative;vertical-align: center!important;}
.h-left { position: relative;vertical-align: left!important;}
.h-right { position: relative;vertical-align: right!important;}



.heightfull { height: 100%;}
.height10 { height: 10px!important;}
.height15 { height: 15px!important;}
.height20 { height: 20px!important;}
.height25 { height: 25px!important;}
.height30 { height: 30px!important;}
.height35 { height: 35px!important;}
.height40 { height: 40px!important;}
.height45 { height: 45px!important;}
.height50 { height: 50px!important;}
.height75 { height:75px!important;}
.height100 { height: 100px!important;}
.height150 { height: 150px!important;}
.height200 { height: 200px!important;}




.widthfull { width: 100%;}
.width10 { width: 10px!important;}
.width15 { width: 15px!important;}
.width20 { width: 20px!important;}
.width25 { width: 25px!important;}
.width30 { width: 30px!important;}
.width50 { width: 50px!important;}
.width75 { width: 75px!important;}
.width100 { width:  100px!important;}
.width150 { width:  150px!important;}
.width200 { width:  200px!important;}
.width250 { width:  250px!important;}
.width350 { width:  350px!important;}
.width400 { width:  400px!important;}
.width500 { width:  500px!important;}
.width600 { width:  600px!important;}
.width750 { width:  750px!important;}
.width1024 { width: 1024px!important;}
.width1333 { width: 1333px!important;}
.width1600 { width: 1600px!important;}
.width1920 { width: 1920px!important;}


.r-gokmavisi  {background-color: #87CEEB;}
.bg-domates  {background-color:#FF6347;}
.bg-turkuaz  {background-color:#40E0D0;}
.bg-menekse  {background-color:#EE82EE;}
.bg-beyaz  {background-color:#FFFAFA;}
.bg-ortagri  {background-color:#708090;}
.bg-gumus  {background-color:#C0C0C0;}
/*  / / / / / / / / / / / / /   */
.bg-mavi1  {background-color:#A0522D;}
.bg-mavi2  {background-color:#AFEEEE;}
.bg-mavi3  {background-color:#B0E0E6;}
.bg-mavi4  {background-color:#191970;}
/*  / / / / / / / / / / / / /   */
.bg-yesil1 { background-color:#00FA9A;}
.bg-yesil2 { background-color:#3CB371;}
.bg-yesil3 { background-color:#66CDAA;}
.bg-yesil4 { background-color:#32CD32;}
.bg-yesil5 { background-color:#00FF00;}
/*  / / / / / / / / / / / / /   */
.bg-orkide { background-color:#DA70D6;}
.bg-aqua1  {background-color:#AFEEEE;}
.bg-aqua2  {background-color:#B0E0E6;}
.bg-aqua3  {background-color:#B0E0E6;}
/*  / / / / / / / / / / / / /   */
.bg-kahverengi1  {background-color:#A0522D;}
.bg-kahverengi2  {background-color:#8B4513;}
.bg-kahverengi3  {background-color:#BC8F8F;}
.bg-palevored { background-color:#DB7093;}
.bg-matrenk1 { background-color:#7FFFD4;}
.bg-matrenk2 { background-color:#F0FFFF;}
.bg-matrenk3 { background-color:#FFE4C4;}
.bg-matrenk4 { background-color:#FFEBCD;}
.bg-matrenk5 { background-color:#DEB887;}
.bg-matrenk6 { background-color:#5F9EA0;}
.bg-matrenk7 { background-color:#D2691E;}
.bg-matrenk8 { background-color:#FF7F50;}
.bg-matrenk9 { background-color:#6495ED;}
.bg-matrenk10 { background-color:#008B8B}
.bg-matrenk11 { background-color:#A9A9A9}
.bg-matrenk12 { background-color:#BDB76B;}
.bg-matrenk13 { background-color:#E9967A;}
.bg-matrenk14 { background-color:#8FBC8F;}
.bg-matrenk15 { background-color:#483D8B;}
.bg-matrenk16 { background-color:#2F4F4F;}
.bg-matrenk17 { background-color:#DCDCDC;}
.bg-matrenk18 { background-color:#FFD700;}
.bg-matrenk19 { background-color:#DAA520;}
.bg-matrenk20 { background-color:#F0E68C;}
.bg-matrenk21 { background-color:#B0C4DE;}
.bg-matrenk22 { background-color:#FAF0E6;}
.bg-matrenk23 { background-color:#F5FFFA;}
.bg-matrenk24 { background-color:#FFE4E1;}
.bg-matrenk25 { background-color:#4169E1;}
.bg-matrenk26 { background-color:#F4A460;}
.bg-matrenk27 { background-color:#9ACD32;}
.bg-matrenk28 { background-color:#D8BFD8;}
.bg-matrenk29 { background-color:#D2B48C;}
.bg-matrenk30 { background-color:#DDA0DD;}
.bg-parlakrenk1 { background-color:#00FFFF;}
.bg-parlakrenk2 { background-color:#7FFF00;}
.bg-parlakrenk3 { background-color:#00CED1;}
.bg-parlakrenk4 { background-color:#9400D3;}
.bg-parlakrenk5 { background-color:#FF1493;}
.bg-parlakrenk6 { background-color:#FF00FF;}
.bg-parlakrenk7 { background-color:#ADFF2F;}
.bg-parlakrenk8 { background-color:#7CFC00;}
.bg-parlakrenk9 { background-color:#00FF00;}
.bg-parlakrenk10 { background-color:#00FA9A;}
.bg-parlakrenk11 { background-color:#C71585;}
.bg-parlakrenk12 { background-color:#FF0000;}
.bg-parlakrenk13 { background-color:#FFFF00;}
.bg-parlakrenk14 { background-color:#40E0D0;}
/*  / / / / / / / / / / / / /   */
.bg-beyaz1  {background-color:#FFFFFF;}
.bg-beyaz2 { background-color:#F5F5F5;}
.bg-beyaz3 { background-color:#FFFAFA;}
.bg-beyaz4  {background-color:#FFF5EE;}
.bg-beyaz5 { background-color:#FDF5E6;}
.bg-beyaz6 { background-color:#F5FFFA;}
/*  / / / / / / / / / / / / /   */
.bg-kirmizi1  {background-color:#FF0000;}
.bg-kirmizi2 { background-color:#FF6347;}
.bg-kirmizi3 { background-color:#B22222;}
.bg-kirmizi4  {background-color:#DC143C;}
.bg-kirmizi5 { background-color:#8B0000;}
/*  / / / / / / / / / / / / /   */
.bg-pembe1{ background-color:#FFC0CB; }
.bg-pembe2{ background-color:#FFE4E1; }
.bg-papayawhip { background-color:#FFEFD5;}
.bg-peachpuff { background-color:#FFDAB9;}
.bg-yavruagizi  {background-color:#FFF5EE;}
.bg-zeytin { background-color:#808000;}
.bg-denizyesili  {background-color:#2E8B57;}
.bg-turuncu1  {background-color:#F4A460;}
.bg-turuncu2 { background-color:#FF4500;}
.bg-portakal { background-color:#FFA500;}
.bg-somon  {background-color:#FA8072;}
.bg-mor  {background-color:#800080;}
/*  / / / / / / / / / / / / /   */ /*  / / / / / / / / / / / / /   */ 

@import "compass/css3";

/*

RESPONSTABLE 2.0 by jordyvanraaij
  Designed mobile first!

If you like this solution, you might also want to check out the 1.0 version:
  https://gist.github.com/jordyvanraaij/9069194

*/

// Default options for table style
$table-breakpoint: 480px;
$table-background-color: #FFF;
$table-text-color: #024457;
$table-outer-border: 1px solid #167F92;
$table-cell-border: 1px solid #D9E4E6;

// Extra options for table style (parse these arguments when including your mixin)
$table-border-radius: 10px;
$table-highlight-color: #EAF3F3;
$table-header-background-color: #167F92;
$table-header-text-color: #FFF;
$table-header-border: 1px solid #FFF;

// The Responstable mixin

@mixin responstable(
  $breakpoint: $table-breakpoint,
  $background-color: $table-background-color,
  $text-color: $table-text-color,
  $outer-border: $table-outer-border,
  $cell-border: $table-cell-border,
  $border-radius: none,
  $highlight-color: none,
  $header-background-color: $table-background-color,
  $header-text-color: $table-text-color,
  $header-border: $table-cell-border) {
  
  .responstable {
    margin: 1em 0;
    width: 100%;
    overflow: hidden;  
    background: $background-color;
    color: $text-color;
    border-radius: $border-radius;
    border: $outer-border;
  
    tr {
      border: $cell-border; 
      &:nth-child(odd) { // highlight the odd rows with a color
        background-color: $highlight-color;
      }  
    }
  
    th {
      display: none; // hide all the table header for mobile
      border: $header-border;
      background-color: $header-background-color;
      color: $header-text-color;
      padding: 1em;  
      &:first-child { // show the first table header for mobile
        display: table-cell;
        text-align: center;
      }
      &:nth-child(2) { // show the second table header but replace the content with the data-th from the markup for mobile
        display: table-cell;
        span {display:none;}
        &:after {content:attr(data-th);}
      }
      @media (min-width: $breakpoint) {
        &:nth-child(2) { // hide the data-th and show the normal header for tablet and desktop
          span {display: block;}
          &:after {display: none;}
        }
      }
    }
  
    td {
      display: block; // display the table data as one block for mobile
      word-wrap: break-word;
      max-width: 7em;
      &:first-child { 
        display: table-cell; // display the first one as a table cell (radio button) for mobile
        text-align: center;
        border-right: $cell-border;
      }
      @media (min-width: $breakpoint) {
        border: $cell-border;
      }
    }
  
    th, td {
      text-align: left;
      margin: .5em 1em;  
      @media (min-width: $breakpoint) {
        display: table-cell; // show the table as a normal table for tablet and desktop
        padding: 1em;
      }
    }  
  }    
}

// Include the mixin (with extra options as overrides)

@include responstable(
  $border-radius: $table-border-radius,
  $highlight-color: $table-highlight-color,
  $header-background-color: $table-header-background-color,
  $header-text-color: $table-header-text-color,
  $header-border: $table-header-border);
/*  / / / / / / / / / / / / /   */ /*  / / / / / / / / / / / / /   */






/* -- import Roboto Font ---------------------------- */
@import "https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic&subset=latin,cyrillic";

/* -- You can use this tables in Bootstrap (v3) projects. -- */
// @import "//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css";


/* -- Box model ------------------------------- */
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* -- Demo style ------------------------------- */
html, body {
  position: relative;
  min-height: 100%;
  height: 100%;
}


#demo {
  margin: 20px auto;
  max-width: 960px;
}

// Material Design typography
// https://codepen.io/zavoloklom/pen/IkaFL
#demo h1 {
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0;
  font-weight: 300;
  color: #212121;
  text-transform: inherit;
  margin-bottom: 1rem;
  text-align: center;
}
#demo h2 {
  font-size: 1.5rem;
  line-height: 2.8rem;
  letter-spacing: 0.01rem;
  font-weight: 400;
  color: #212121;
  text-align: center;
}

// Material Design shadows
// 
.shadow-z-1 {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.12),
                      0 1px 2px 0 rgba(0,0,0,.24);
  -moz-box-shadow:    0 1px 3px 0 rgba(0,0,0,.12),
                      0 1px 2px 0 rgba(0,0,0,.24);
  box-shadow:         0 1px 3px 0 rgba(0,0,0,.12),
                      0 1px 2px 0 rgba(0,0,0,.24);
}


/* -- Material Design Table style -------------- */

// Variables
// ---------------------
@table-header-font-weight:      400;
@table-header-font-color:       #757575;

@table-cell-padding:            1.6rem;
@table-condensed-cell-padding:  @table-cell-padding/2;


@table-bg:                      #fff;
@table-bg-accent:               #f5f5f5;
@table-bg-hover:                rgba(0,0,0,.12);
@table-bg-active:               @table-bg-hover;
@table-border-color:            #e0e0e0;



// Mixins
// -----------------
.transition(@transition) {
  -webkit-transition: @transition;
       -o-transition: @transition;
          transition: @transition;
}

// Tables
//
// -----------------

// Baseline styles
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 2rem;
  background-color: @table-bg;
  > thead,
  > tbody,
  > tfoot {
    > tr {
      .transition(all .3s ease);
      > th,
      > td {
        text-align: left;
        padding: @table-cell-padding;
        vertical-align: top;
        border-top: 0;
        .transition(all .3s ease);
      }
    }
  }
  > thead > tr > th {
    font-weight: @table-header-font-weight;
    color: @table-header-font-color;
    vertical-align: bottom;
    border-bottom: 1px solid rgba(0,0,0,.12);
  }
  > caption + thead,
  > colgroup + thead,
  > thead:first-child {
    > tr:first-child {
      > th,
      > td {
        border-top: 0;
      }
    }
  }
  > tbody + tbody {
    border-top: 1px solid rgba(0,0,0,.12);
  }

  // Nesting
  .table {
    background-color: @table-bg;
  }

  // Remove border
  .no-border {
    border: 0;
  }
}

// Condensed table w/ half padding
.table-condensed {
  > thead,
  > tbody,
  > tfoot {
    > tr {
      > th,
      > td {
        padding: @table-condensed-cell-padding;
      }
    }
  }
}


// Bordered version
//
// Add horizontal borders between columns.
.table-bordered {
  border: 0;
  > thead,
  > tbody,
  > tfoot {
    > tr {
      > th,
      > td {
        border: 0;
        border-bottom: 1px solid @table-border-color;
      }
    }
  }
  > thead > tr {
    > th,
    > td {
      border-bottom-width: 2px;
    }
  }
}


// Zebra-striping
//
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
.table-striped {
  > tbody > tr:nth-child(odd) {
    > td,
    > th {
      background-color: @table-bg-accent;
    }
  }
}

// Hover effect
//
.table-hover {
  > tbody > tr:hover {
    > td,
    > th {
      background-color: @table-bg-hover;
    }
  }
}

// Responsive tables (vertical)
//
// Wrap your tables in `.table-responsive-vertical` and we'll make them mobile friendly
// by vertical table-cell display. Only applies <768px. Everything above that will display normally.
// For correct display you must add 'data-title' to each 'td'
.table-responsive-vertical {

  @media screen and (max-width: 768px) {

    // Tighten up spacing
    > .table {
      margin-bottom: 0;
      background-color: transparent;
      > thead,
      > tfoot {
        display: none;
      }

      > tbody {
        display: block;

        > tr {
          display: block;
          border: 1px solid @table-border-color;
          border-radius: 2px;
          margin-bottom: @table-cell-padding;

          > td {
            background-color: @table-bg;
            display: block;
            vertical-align: middle;
            text-align: right;
          }
          > td[data-title]:before {
            content: attr(data-title);
            float: left;
            font-size: inherit;
            font-weight: @table-header-font-weight;
            color: @table-header-font-color;
          }
        }
      }
    }
    
    // Special overrides for shadows
    &.shadow-z-1 {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      > .table > tbody > tr {
        border: none;
        .shadow-z-1();
      }
    }

    // Special overrides for the bordered tables
    > .table-bordered {
      border: 0;

      // Nuke the appropriate borders so that the parent can handle them
      > tbody {
        > tr {
          > td {
            border: 0;
            border-bottom: 1px solid @table-border-color;
          }
          > td:last-child {
            border-bottom: 0;
          }
        }
      }
    }

    // Special overrides for the striped tables
    > .table-striped {
      > tbody > tr > td,
      > tbody > tr:nth-child(odd) {
          background-color: @table-bg;
      }
      > tbody > tr > td:nth-child(odd) {
          background-color: @table-bg-accent;
      }
    }

    // Special overrides for hover tables
    > .table-hover {
      > tbody {
        > tr:hover > td,
        > tr:hover {
          background-color: @table-bg;
        }
        > tr > td:hover {
          background-color: @table-bg-hover;
        }
      }
    }
  }
}


// CSS/LESS Color variations
//
// --------------------------------


.table-striped.table-mc-red > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-red > tbody > tr:nth-child(odd) > th {
    background-color: #fde0dc;
}
.table-hover.table-mc-red > tbody > tr:hover > td,
.table-hover.table-mc-red > tbody > tr:hover > th {
    background-color: #f9bdbb;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-red > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-red > tbody > tr:nth-child(odd) {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-striped.table-mc-red > tbody > tr > td:nth-child(odd) {
        background-color: #fde0dc;
    }
    .table-responsive-vertical .table-hover.table-mc-red > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-red > tbody > tr:hover {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-hover.table-mc-red > tbody > tr > td:hover {
        background-color: #f9bdbb;
    }
}
.table-striped.table-mc-pink > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-pink > tbody > tr:nth-child(odd) > th {
    background-color: #fce4ec;
}
.table-hover.table-mc-pink > tbody > tr:hover > td,
.table-hover.table-mc-pink > tbody > tr:hover > th {
    background-color: #f8bbd0;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-pink > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-pink > tbody > tr:nth-child(odd) {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-striped.table-mc-pink > tbody > tr > td:nth-child(odd) {
        background-color: #fce4ec;
    }
    .table-responsive-vertical .table-hover.table-mc-pink > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-pink > tbody > tr:hover {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-hover.table-mc-pink > tbody > tr > td:hover {
        background-color: #f8bbd0;
    }
}
.table-striped.table-mc-purple > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-purple > tbody > tr:nth-child(odd) > th {
    background-color: #f3e5f5;
}
.table-hover.table-mc-purple > tbody > tr:hover > td,
.table-hover.table-mc-purple > tbody > tr:hover > th {
    background-color: #e1bee7;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-purple > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-purple > tbody > tr:nth-child(odd) {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-striped.table-mc-purple > tbody > tr > td:nth-child(odd) {
        background-color: #f3e5f5;
    }
    .table-responsive-vertical .table-hover.table-mc-purple > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-purple > tbody > tr:hover {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-hover.table-mc-purple > tbody > tr > td:hover {
        background-color: #e1bee7;
    }
}
.table-striped.table-mc-deep-purple > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-deep-purple > tbody > tr:nth-child(odd) > th {
    background-color: #ede7f6;
}
.table-hover.table-mc-deep-purple > tbody > tr:hover > td,
.table-hover.table-mc-deep-purple > tbody > tr:hover > th {
    background-color: #d1c4e9;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-deep-purple > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-deep-purple > tbody > tr:nth-child(odd) {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-striped.table-mc-deep-purple > tbody > tr > td:nth-child(odd) {
        background-color: #ede7f6;
    }
    .table-responsive-vertical .table-hover.table-mc-deep-purple > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-deep-purple > tbody > tr:hover {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-hover.table-mc-deep-purple > tbody > tr > td:hover {
        background-color: #d1c4e9;
    }
}
.table-striped.table-mc-indigo > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-indigo > tbody > tr:nth-child(odd) > th {
    background-color: #e8eaf6;
}
.table-hover.table-mc-indigo > tbody > tr:hover > td,
.table-hover.table-mc-indigo > tbody > tr:hover > th {
    background-color: #c5cae9;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-indigo > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-indigo > tbody > tr:nth-child(odd) {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-striped.table-mc-indigo > tbody > tr > td:nth-child(odd) {
        background-color: #e8eaf6;
    }
    .table-responsive-vertical .table-hover.table-mc-indigo > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-indigo > tbody > tr:hover {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-hover.table-mc-indigo > tbody > tr > td:hover {
        background-color: #c5cae9;
    }
}
.table-striped.table-mc-blue > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-blue > tbody > tr:nth-child(odd) > th {
    background-color: #e7e9fd;
}
.table-hover.table-mc-blue > tbody > tr:hover > td,
.table-hover.table-mc-blue > tbody > tr:hover > th {
    background-color: #d0d9ff;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-blue > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-blue > tbody > tr:nth-child(odd) {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-striped.table-mc-blue > tbody > tr > td:nth-child(odd) {
        background-color: #e7e9fd;
    }
    .table-responsive-vertical .table-hover.table-mc-blue > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-blue > tbody > tr:hover {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-hover.table-mc-blue > tbody > tr > td:hover {
        background-color: #d0d9ff;
    }
}
.table-striped.table-mc-light-blue > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-light-blue > tbody > tr:nth-child(odd) > th {
    background-color: #e1f5fe;
}
.table-hover.table-mc-light-blue > tbody > tr:hover > td,
.table-hover.table-mc-light-blue > tbody > tr:hover > th {
    background-color: #b3e5fc;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr:nth-child(odd) {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr > td:nth-child(odd) {
        background-color: #e1f5fe;
    }
    .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr:hover {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr > td:hover {
        background-color: #b3e5fc;
    }
}
.table-striped.table-mc-cyan > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-cyan > tbody > tr:nth-child(odd) > th {
    background-color: #e0f7fa;
}
.table-hover.table-mc-cyan > tbody > tr:hover > td,
.table-hover.table-mc-cyan > tbody > tr:hover > th {
    background-color: #b2ebf2;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-cyan > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-cyan > tbody > tr:nth-child(odd) {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-striped.table-mc-cyan > tbody > tr > td:nth-child(odd) {
        background-color: #e0f7fa;
    }
    .table-responsive-vertical .table-hover.table-mc-cyan > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-cyan > tbody > tr:hover {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-hover.table-mc-cyan > tbody > tr > td:hover {
        background-color: #b2ebf2;
    }
}
.table-striped.table-mc-teal > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-teal > tbody > tr:nth-child(odd) > th {
    background-color: #e0f2f1;
}
.table-hover.table-mc-teal > tbody > tr:hover > td,
.table-hover.table-mc-teal > tbody > tr:hover > th {
    background-color: #b2dfdb;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-teal > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-teal > tbody > tr:nth-child(odd) {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-striped.table-mc-teal > tbody > tr > td:nth-child(odd) {
        background-color: #e0f2f1;
    }
    .table-responsive-vertical .table-hover.table-mc-teal > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-teal > tbody > tr:hover {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-hover.table-mc-teal > tbody > tr > td:hover {
        background-color: #b2dfdb;
    }
}
.table-striped.table-mc-green > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-green > tbody > tr:nth-child(odd) > th {
    background-color: #d0f8ce;
}
.table-hover.table-mc-green > tbody > tr:hover > td,
.table-hover.table-mc-green > tbody > tr:hover > th {
    background-color: #a3e9a4;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-green > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-green > tbody > tr:nth-child(odd) {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-striped.table-mc-green > tbody > tr > td:nth-child(odd) {
        background-color: #d0f8ce;
    }
    .table-responsive-vertical .table-hover.table-mc-green > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-green > tbody > tr:hover {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-hover.table-mc-green > tbody > tr > td:hover {
        background-color: #a3e9a4;
    }
}
.table-striped.table-mc-light-green > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-light-green > tbody > tr:nth-child(odd) > th {
    background-color: #f1f8e9;
}
.table-hover.table-mc-light-green > tbody > tr:hover > td,
.table-hover.table-mc-light-green > tbody > tr:hover > th {
    background-color: #dcedc8;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-light-green > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-light-green > tbody > tr:nth-child(odd) {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-striped.table-mc-light-green > tbody > tr > td:nth-child(odd) {
        background-color: #f1f8e9;
    }
    .table-responsive-vertical .table-hover.table-mc-light-green > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-light-green > tbody > tr:hover {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-hover.table-mc-light-green > tbody > tr > td:hover {
        background-color: #dcedc8;
    }
}
.table-striped.table-mc-lime > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-lime > tbody > tr:nth-child(odd) > th {
    background-color: #f9fbe7;
}
.table-hover.table-mc-lime > tbody > tr:hover > td,
.table-hover.table-mc-lime > tbody > tr:hover > th {
    background-color: #f0f4c3;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-lime > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-lime > tbody > tr:nth-child(odd) {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-striped.table-mc-lime > tbody > tr > td:nth-child(odd) {
        background-color: #f9fbe7;
    }
    .table-responsive-vertical .table-hover.table-mc-lime > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-lime > tbody > tr:hover {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-hover.table-mc-lime > tbody > tr > td:hover {
        background-color: #f0f4c3;
    }
}
.table-striped.table-mc-yellow > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-yellow > tbody > tr:nth-child(odd) > th {
    background-color: #fffde7;
}
.table-hover.table-mc-yellow > tbody > tr:hover > td,
.table-hover.table-mc-yellow > tbody > tr:hover > th {
    background-color: #fff9c4;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-yellow > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-yellow > tbody > tr:nth-child(odd) {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-striped.table-mc-yellow > tbody > tr > td:nth-child(odd) {
        background-color: #fffde7;
    }
    .table-responsive-vertical .table-hover.table-mc-yellow > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-yellow > tbody > tr:hover {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-hover.table-mc-yellow > tbody > tr > td:hover {
        background-color: #fff9c4;
    }
}
.table-striped.table-mc-amber > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-amber > tbody > tr:nth-child(odd) > th {
    background-color: #fff8e1;
}
.table-hover.table-mc-amber > tbody > tr:hover > td,
.table-hover.table-mc-amber > tbody > tr:hover > th {
    background-color: #ffecb3;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-amber > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-amber > tbody > tr:nth-child(odd) {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-striped.table-mc-amber > tbody > tr > td:nth-child(odd) {
        background-color: #fff8e1;
    }
    .table-responsive-vertical .table-hover.table-mc-amber > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-amber > tbody > tr:hover {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-hover.table-mc-amber > tbody > tr > td:hover {
        background-color: #ffecb3;
    }
}
.table-striped.table-mc-orange > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-orange > tbody > tr:nth-child(odd) > th {
    background-color: #fff3e0;
}
.table-hover.table-mc-orange > tbody > tr:hover > td,
.table-hover.table-mc-orange > tbody > tr:hover > th {
    background-color: #ffe0b2;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-orange > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-orange > tbody > tr:nth-child(odd) {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-striped.table-mc-orange > tbody > tr > td:nth-child(odd) {
        background-color: #fff3e0;
    }
    .table-responsive-vertical .table-hover.table-mc-orange > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-orange > tbody > tr:hover {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-hover.table-mc-orange > tbody > tr > td:hover {
        background-color: #ffe0b2;
    }
}
.table-striped.table-mc-deep-orange > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-deep-orange > tbody > tr:nth-child(odd) > th {
    background-color: #fbe9e7;
}
.table-hover.table-mc-deep-orange > tbody > tr:hover > td,
.table-hover.table-mc-deep-orange > tbody > tr:hover > th {
    background-color: #ffccbc;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-deep-orange > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-deep-orange > tbody > tr:nth-child(odd) {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-striped.table-mc-deep-orange > tbody > tr > td:nth-child(odd) {
        background-color: #fbe9e7;
    }
    .table-responsive-vertical .table-hover.table-mc-deep-orange > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-deep-orange > tbody > tr:hover {
        background-color: @table-bg;
    }
    .table-responsive-vertical .table-hover.table-mc-deep-orange > tbody > tr > td:hover {
        background-color: #ffccbc;
    }
}





.selectbox { 
     position:relative!important;
     height:35px!important;width: 200px!important;
     text-align:center!important;
     font-size:16px!important;
     padding-left: 20px;
     padding-right: 20px;
     padding-bottom: 5px;
     padding-top: 5px;
     margin-left: 20px;
     color:#8C0000;
     background-color: #FACC63;  
     
}

@font-face {
		font-family: 'barkod';
src:url('../inc/fonts/BarcodeFont.ttf');
font-weight:  bold;
		font-style: normal;	}
 
 @font-face {
		font-family: 'QRKOD';
src:url('../inc/fonts/QR-font-tfb.ttf');
font-weight:  bold;
		font-style: normal;	}

 
  
@font-face {
		font-family: 'TRY';
        src:url('../inc/fonts/TRY.ttf');
		font-weight:  bold;
		font-style: normal;
	}
	.simge-tl, .simgetl {
		font-family: 'TRY';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
	}
	.simgetl:before {
		content: "\20ba";
	}  
    
    .barkod { position: relative;font-size: 58px;font-family: 'barkod';}
    .qrkod { position: absolute;left:0px;top:20px;font-size: 58px;font-family: 'QRKOD';}
  }
#loading {
display: none;
position: fixed;
width: 300px;height: auto;border: 2px solid #878372;text-align: center;top: 30%;left: 40%;
z-index: 9999998;
opacity: 0.9;
}
#loading h4  {
    position:absolute;
    color: #525252;
    top: 550px;
    left: 50px;
    width: 100%;
    height: 35px;
    z-index: 99999989;
    font-family:Russo One;
    font-size: 18px;

   }
#loading img{
  z-index: 99999988;  position: relative;left:0px;max-height: 300px;padding:150px;
}
#loadback {
    display: none;
    position: fixed;
    width:100%;
    left: 0px;
    top: 0px;
    height: 100%;
    min-height: 600px;
    background-color: gray;
    z-index: 9999998;
    display: none;  
    text-align: center;
    opacity: 0.5;
    
}    

.onizleme {
                
                
                
             }
                 .table-onizleme table {
                position:relative;
                width:100%;
                
              }
              .table-onizleme table  td {
                position:relative;
                text-align:center;
                padding-top:5px;
                 padding-bottom:-15px;
              }
             .table-onizleme {
                
            position: relative;bottom:650px;
            left:1350px;
            width:760px;
            height:725px;
            background-color:white;  
            border:0!important;  
            padding:5px;
            text-align:center!important;
            vertical-align:middle;
             }
             .table-onizleme td, .table-onizleme th {
                min-width:50%;
                max-width: 50%;
            text-align:center!important;
            vertical-align:middle;   
             }
              .table-onizleme td {
                position:relative;
                font-size:16px;
            
                height:19px;
                    padding-left:50px;
                font-family:Sans-Serif;
                color:red;
                padding:3px;
                background-color:#FDFBF2;
                vertical-align:middle!important;
                font-size:14px;
              }
              .table-onizleme th {
                position:relative;
               
            
                font-size:16px;
                font-weight: bold;
                background-color:yellow;
                font-family:Sans-Serif;
                color:red;
                text-align:center;
                border-top: 1px solid silver;

              }
          
              .table input  {
                position:relative;
                width:90%;
                height:20px;
                top:4px;
              }
              .table textarea {
                position:relative;
                width:90%;
                height:50px;
                 top:4px;
              }
              
              .table-onizleme tr {
                height:25px;
              }
                        
                        
     @media screen and (min-width:1027px) {                   
                        
    .custumerinfo {
        
    position: relative;text-align: left;vertical-align: middle;background-color: #006AD5;
    color: white;width: 215px;padding:2px 20px 2px 20px;border: 1px solid white;margin:-5px 0px -15px 0px;
    }         
    }
               
               
                @media screen and (max-width:1028px) {                   
                        
    .custumerinfo {
        
    display: none;
    
    }         
    }