@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,300italic,400italic,600italic,700,700italic,800,800italic); 
html {
  overflow-y: scroll;
}
body {
	font-family: 'Open Sans', sans-serif;
  color: #646464;
  font-size: 14px;
  padding: 0px;
  margin: 0px;
}
body.login {
  background: url('../images/design/welcome-bg.jpg') no-repeat;
  background-size: cover;
  background-position: 0px 70px;
}

.top-placeholder { height: 40px; }

body.upload {
  height: 100vh;
  background: url('../images/design/upload-bg.jpg') no-repeat top right;
  background-position: 100% 70px;
}

@media (max-width: 800px) {
  body.upload {
    background: #ffffff;
  }
}

a { color: #952525; }

#login-success, #login-fail { display: none; }

.clear {clear: both; }

.uzenet {
  clear: both;
  padding: 20px;
  margin: 20px;
  text-align: center;
  border-radius: 12px;
  -moz-border-radius: 12px; /* Firefox 3.6 and earlier */
  -webkit-box-shadow: 0px 0px 4px rgba(100, 100, 100, 0.95);
  -moz-box-shadow:    0px 0px 4px rgba(100, 100, 100, 0.95);
  box-shadow:         0px 0px 4px rgba(100, 100, 100, 0.95);
}
.hiba {
  color: #a00;
  border: 1px solid #f00;
}

.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

.modal-dialog { z-index: 5000; }
.modal-header { padding-top: 30px; }

.panel-hirfolyam { position: relative; border-radius: 8px; }
.panel-hirfolyam .hirfolyam-kep { max-height: 150px; padding: 2px; border: 1px solid #aaa; float: left; margin-right: 10px; }
.panel-hirfolyam .panel-text { position: relative; } 
.panel-hirfolyam a.delgomb { /*position: absolute; bottom: -10px; right: -5px;*/ color: #204469; font-size: 1.2em; margin-right: 10px; }
.panel-hirfolyam a.editgomb { /*position: absolute; bottom: -10px; right: 35px; */padding-top: 3px; color: #204469; font-size: 1.2em; margin-right: 10px; }


blockquote p { font-size: 0.8em; }

.user-photo { float: right; max-height: 300px; border: 1px solid #ccc; padding: 2px; }

.datetime-div { position: fixed; bottom: 0px; right: 0px; font-size: 12px; background: rgba(0, 0, 0, 0.25); color: #fff; padding: 1px 5px; }
@media only screen and (max-width : 767px) {
  .datetime-div { width: 1px; top: -30px; }
}

.dragtable { margin-top: 20px; }
.dragtable th { position: relative; }
.drag-handler { height: 4px; border-top: 4px solid #ccc; cursor: move; position: absolute; top: 0px; left: 0px; width: 100%;/* margin: 1px auto;*/ }
.table-resizable { /*width: auto; /*overflow: auto; display: block; max-width: auto;*/ }
.table-resizable th { border-right: double #ccc; /*white-space: nowrap;*/ overflow: hidden; padding-right: 10px; }
/*.table-resizable th .th-div {overflow: hidden;}*/
.table-resizable td { overflow: hidden; }
.ordermifene { /*margin-left: 20px; display: block;*/}

.senttome { background: #ffff00; }
.selected-row { background: #acc161; color: #fff; }
.sort-icon { display: inline-block; float: left; margin-right: 5px; /*margin-top: -1.4em; margin-left: 5px;*/}
.sort-icon .default { color: #bbb; }
.field-editable-hover { text-decoration: underline; }
.wide-table { max-width: none; white-space: nowrap; font-size: 1.2em; }
.wide-table tr { border-bottom: 1px solid #ccc; }
.wide-table td, .wide-table th { overflow: hidden; min-width: 10px; padding: 20px; }
.wide-table .th-div { overflow: hidden; width: 100%; min-width: 10px; /*border: 1px solid black;*/}
.wide-table .td-div { overflow: visible; width: 100%; min-width: 10px;  width:20px; }

.deleted-row { text-decoration: line-through; }

.main-container { margin-top: 40px; padding-bottom: 30px; }

.main-menu, .navbar { background: url('../images/design/menubg.png') repeat-x; }
.main-menu { height: 70px; }
.main-menu a { color: #fff; font-size: 1em; text-decoration: none; }
.main-menu ul.main-menu-nav { list-style-type: none; border-left: 1px solid #fff; display: inline-block; height: 70px; }
.main-menu ul.main-menu-nav li { display: inline-block; padding: 10px 0px; }
.main-menu ul.main-menu-nav li i.fa, .main-menu ul.main-menu-nav li i.fas, .main-menu ul.main-menu-nav li i.far { display: block; text-align: center; font-size: 1.2em; margin-bottom: 5px;}

.main-menu .menu-profil { border-left: 1px solid #fff; float: right; display: inline-block; color: #fff; padding-left: 15px; height: 70px; padding-top: 5px; }
.main-menu .menu-profil .profil-foto { float: right; font-size: 3em; margin-left: 15px; }
.main-menu .menu-profil .userphoto { max-height: 50px; border-radius: 50%; border: 3px solid #fff; margin-top: -10px; }
.main-menu .menu-profil .welcome { font-size: 1em; float: left; }
.main-menu .menu-profil .welcome .username { font-size: 2em; display: block; }

h1, h2, h3, h4 { color: #999999; text-transform: uppercase; font-weight: 600; }

.login h1 { color: #fff; }
.dashboard-col { position: relative; margin-bottom: 30px; }
.dashboard-col .image { display: block; width: 100%; height: auto;
  -webkit-box-shadow: 0px 0px 14px rgba(100, 100, 100, 0.8);
  -moz-box-shadow:    0px 0px 14px rgba(100, 100, 100, 0.8);
  box-shadow:         0px 0px 14px rgba(100, 100, 100, 0.8);
}
 /*{ position: absolute; bottom: 0px; left: 0px; right: 0px; line-height: 2em; text-align: center; background: rgba(97, 192, 173, 1) }*/
.dashboard-col .overlay { position: absolute; bottom: 0; left: 15px; right: 15px; background-color: rgba(97, 172, 193, 1); overflow: hidden; height: 3em; transition: .5s ease; }
.dashboard-col:hover .overlay { height: 100%; background-color: rgba(97, 172, 193, 0.95); }
.dashboard-col .text { white-space: nowrap; color: white; font-size: 20px; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-size: 1.2em; }


.btn {margin-top: 3px; }
.btn-primary { background: #8da6ad; border: 1px solid #8da6ad; }
.btn-danger { background: #de7f7f; border: 1px solid #de7f7f; }
/*
.btn-success { background: #acc161; border: 1px solid #acc161; }
.btn-success:hover { background: #7d8f3d; border: 1px solid #7d8f3d; }
*/
.btn-warning { background: #e5ac3d; border: 1px solid #e5ac3d; }

.data-table {}
.data-table th { background: #f2f2f2; padding: 20px; }

.nav-tabs > li { min-width: 220px; text-align: center; }

.grid-bottom-button { width: 300px; overflow: hidden; }
.management-bg { background-color: #f2f2f2; }
.management-bg label { font-weight: bold; line-height: 2.8em; }
.management-bg .col-xs-12, .management-bg .col-md-6, .management-bg .col-md-3 { height: 3em; white-space: nowrap; overflow: hidden; }

.modal-dialog-error .modal-content .modal-header { background: #343434; }
.modal-dialog-error .modal-content .modal-header .close { background: #eee; border-radius: 50%; min-width: 20px;}
.modal-dialog-error .modal-content .modal-header h4.modal-title { color: #de7f7f; }
.modal-dialog-error .modal-content .modal-body { background: #de7f7f; color: #fff; text-align: center; font-size: 1.2em; }
.modal-dialog-error .modal-content .modal-footer { background: #de7f7f; color: #fff; font-size: 1.2em; padding: 5px }

.modal-dialog-success .modal-content .modal-header { background: #343434; }
.modal-dialog-success .modal-content .modal-header .close { background: #eee; border-radius: 50%; min-width: 20px;}
.modal-dialog-success .modal-content .modal-header h4.modal-title { color: #acc161; }
.modal-dialog-success .modal-content .modal-body { background: #acc161; color: #fff; text-align: center; font-size: 1.2em; }
.modal-dialog-success .modal-content .modal-footer { background: #acc161; color: #fff; font-size: 1.2em; padding: 5px }

.modal-dialog-warning .modal-content .modal-header { background: #343434; }
.modal-dialog-warning .modal-content .modal-header .close { background: #eee; border-radius: 50%; min-width: 20px;}
.modal-dialog-warning .modal-content .modal-header h4.modal-title { color: #ffff00; }
.modal-dialog-warning .modal-content .modal-body { background: #ffff00; color: #000; text-align: center; font-size: 1.2em; }
.modal-dialog-warning .modal-content .modal-footer { background: #ffff00; color: #000; font-size: 1.2em; padding: 5px }

.bg-danger { background: #de7f7f; color: #fff; }
.bg-danger:hover { background: #de7f7f; color: #000; }
.bg-canceled { background: #666; color: #000; }
.bg-canceled:hover { background: #888; color: #000; }

.mainupload { text-align: center; }

.dashboard-bg { background: url('../images/design/dashboard-bg.png') center center; background-size: cover; margin-top: -30px; padding-top: 30px; }

.form-inline .form-control, .form-inline .input-group { width: 100%; }
/* break down navbar to collapse below 1200px sreen width */
/*
@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
        background: #2f587a;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}
 */
/*ul.edit-record-tabs > li:hover, ul.edit-record-tabs > li.active, ul.edit-record-tabs > li.active  { background: black; }*/
ul.edit-record-tabs > li, ul.edit-record-tabs > li > a, ul.edit-record-tabs > li.active > a:focus { border: none; height: 40px; overflow: hidden; }
ul.edit-record-tabs > li.active a, ul.edit-record-tabs > li > a:hover { border: none; background-color: #555555 !important; color: #fffffff; }
.modal { overflow-y: auto; }

.min-width-200 { min-width: 200px; }

a.nav-link { padding-left: 8px; padding-right: 8px; }

.bg-required { background-color: #ffdd77 }