.dropdown-menu-md {
   min-width: 200px !important;
}
#content-container {
   padding-bottom: 42px !important;
}
.custom-drop-down{
   padding: 1px 5px !important;
}
.dropdown-menu li a{
   cursor: pointer;
}
.sms-templ-vars{
   margin-top: 3px;
   border: 1px solid #ccc;
   padding: 10px;
   margin-bottom: 15px;
}
.sms-templ-vars .var-items{
   padding: 5px 0;
   border-bottom: 1px dotted red;
   cursor: pointer;
}
.sms-templ-vars .var-items:hover{
   background-color: #f7f7f7;
}
#smstemplate-text-view {
   resize: none;
   height: 140px;
}
#smstemplate-text-view:disabled{
   background: #fff;
   cursor: default;
}
.top-filter{
   margin-bottom: 7px;
   padding-bottom: 7px;
   border-bottom: 1px dashed #ccc;
}
.top-filter input,.top-filter select{
   vertical-align: middle;
   display: inline-block;
}
.top-filter input{
   background: #fff !important;
}
.btn-group{
   width: 100% !important;
}

#page-title {
   padding: 0px 0px 0px 15px;
}

#page-content {
   padding: 5px 15px 0px;
}

.panel-body {
   padding: 10px 10px;
}

#mainnav-menu a {
   padding: 12px 10px;
}
.form-control {
   padding: 6px 2px;
}
.my-table{
   width: 100%;
}
.my-table th{
   border:1px solid #ccc;
   padding: 5px;
   background: #f7f7f7;
   text-align: center;
}
.my-table td{
   border:1px solid #ccc;
   padding: 5px;
}
.vertical-text{
   -webkit-transform: rotate(270deg);
   -moz-transform: rotate(270deg);
   -ms-transform: rotate(270deg);
   -o-transform: rotate(270deg);
   transform: rotate(270deg);
   text-align: center;
}
.vertical-text-45{
   -webkit-transform: rotate(315deg);
   -moz-transform: rotate(315deg);
   -ms-transform: rotate(315deg);
   -o-transform: rotate(315deg);
   transform: rotate(315deg);
   text-align: center;
}
.mainnav-toggle{
   display: block;
   font-size: 13px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   width: 40px;
}
.mainnav-in .navbar-brand{
   /*width: 260px;*/
}
.mainnav-in .mainnav-toggle {
   float: left;
}
.mainnav-sm .mainnav-toggle{
   float: left;
   margin: 0px 5px;
}
.mainnav-sm .brand-icon,
.mainnav-sm .brand-title,
.mainnav-sm .navbar-top-links2,
.mainnav-in .navbar-top-links2{
   display: none;
}
#container.mainnav-lg .mainnav-toggle3{
   display: none;
}

#main-btns-2>li{
   border-left: 1px solid rgb(134, 133, 133);
}
@media (max-width:768px){
   #main-btns-1{
      display: none;
   }
   #main-btns-2{
      display: block;
   }
   .searchbox2{
      display: none;
   }
   .oper-date-1{
      display: none;
   }
}
@media (min-width:768px){
   #main-btns-1{
      display: block;
   }
   #main-btns-2{
      display: none;
   }
   .navbar-content .searchbox{
      display: none;
   }
   #container.mainnav-in .mainnav-toggle2,#container.mainnav-in .navbar-top-links2{
      display: block;
   }
   #container.mainnav-in .mainnav-toggle3{
      display: none;
   }
   .oper-date-2, .list-divider-oper-date-2{
      display: none !important;
   }
}
.dataTables_wrapper .row{
   margin: 0 -7.5px !important;
}
tbody .dt-body-right{
   text-align: right;
}
tbody .dt-body-center{
   text-align: center;
}
.info{
   padding-left: 15px;
}
.info li{
   list-style: none;
   padding-top:3px;
   padding-bottom:3px;
   border-bottom: 1px dashed #ccc;
}

@media screen and (max-width: 600px) {
   .nav-tabs .min-tablet{
      display: none;
   }
   .nav-tabs .dropdown{
      display: block !important;
   }
   .btn-min-tablet{
      padding-right: 0px !important;
   }
   .btn-min-tablet::before{
      margin-right: 0px !important;
   }
   .btn-min-tablet span{
      display: none;
   }
   #zalog-photo-div{
      text-align: center;
   }
   #evPanel7 .col-sm-12 .row{
      text-align: center;
   }
}
@media (max-width:768px) {
   #page-content{
      padding-left: 3px !important;
      padding-right: 3px !important;
   }
   #main-panel-body{
      padding-left: 8px !important;
      padding-right: 8px !important;
   }
   .transaction-credit-info{
      padding-left: 18px !important;
      padding-right: 18px !important;
   }
}
.file-preview-frame {
   display: table;
   margin: 8px;
   border: 1px solid #ddd;
   box-shadow: 1px 1px 5px 0 #a2958a;
   padding: 6px;
   text-align: center;
   vertical-align: middle;
   position: relative;
}
.add-ico {
   color: #579ddb;
   margin-left: 5px;
   font-size: 18px;
   vertical-align: top;
   margin-top: 2px;
   cursor: pointer;
}
.remove-ico {
   color: red;
   margin-left: 5px;
   font-size: 15px;
   vertical-align: top;
   margin-top: 1px;
   cursor: pointer;
   position: absolute;
   right: -7px;
   top: -8px;
   display: none;
   border: 1px solid;
   border-radius: 31px;
   padding: 2px;
   width: 22px;
   background: #fff;
}
.file-preview-frame:hover .remove-ico{
   display: block;
}
.close-ico {
   color: #EE9818;
   margin-left: 5px;
   font-size: 20px;
   vertical-align: top;
   margin-top: -2px;
   cursor: pointer;
}
.tabs-title{
   font-weight: normal;
}
.btn-only-ico{
   padding-right: 0px !important;
}
.btn-only-ico::before{
   margin-right: 0px !important;
}
.field-client-doverennostid{
   display: inline-block;
   width: 94%;
}
.morris-full-content{
   margin-bottom: 0px;
}
.cash-title{
   font-weight: bold;
}
.currency-name span{
   border-bottom: 1px dashed #ccc;
   padding-bottom: 2px;
}

.widget-blue {
   color: #FFF;
   background: #64B8DF;
}
.widget-mustard {
   color: #FFF;
   background: #E7CC61;
}
.widget-coral {
   background: #EF7E63;
   color: #FFF;
}
.widget-green {
   color: #FFF;
   background: #8ECB60;
}
.widget-navy {
   color: #FFF;
   background: #6483C3;
}
.widget-violet {
   color: #FFF;
   background: #8E8EB7;
}
.widget-dark-turquoise {
   color: #FFF;
   background: #4ca6a3;
}
.widget-turquoise {
   color: #FFF;
   background: #5bc8c4;
}
.widget-orange {
   color: #FFF;
   background: #eeaf4b;
}
.oper-date-1{
   margin-top: 11px;
   font-size: 13px;
}
.oper-date-2{
   text-transform: initial !important;
   text-align: center;
   font-size: 14px;
   color: #fff !important;
   font-weight: normal !important;
   padding-left: 1px;
   padding-bottom: 0;
   padding-top: 0;
   list-style: none;
}
.summary td{
   border: 1px solid #ccc;
   padding: 2px 5px;
}
.summary td.summary-label{
   font-weight: bold;
}
.summary td.summary-value{
   text-align: right;
}
.overlay-summary{
   border: 1px solid #ccc;
   padding: 5px 10px 5px 10px;
}
.overlay-summary i{
   font-size: 1.3em;
}
.overlay-summary span{
   display: inline-block;
   vertical-align: top;
   margin-left: 5px;
}
.h-collapse{
   cursor: pointer;
}
.h-collapse span{
   color: #337ab7;
}

/*Fancy*/
.fancybox-skin{
   border-radius: 0 !important;
   background: #fff !important;
}
.fancybox-title-inside-wrap {
   padding-top: 0 !important;
   color: #2b425b !important;
   font-size: 1.4em !important;
}
.fancybox-close{
   background-image: url("../img/CloseIcon.png") !important;
   top: 10px !important;
   right: 16px !important;
   width: 16px !important;
   height: 16px !important;
   z-index: 8051 !important;
   border: 1px solid #ccc;
   border-radius: 15px;
   padding: 11px;
   background-repeat: no-repeat;
   background-position: center;
}
.fancybox-close:hover{
   border: 1px solid #616161;
}
.fancybox-div{
   /*margin-top: 20px;*/
}
.fancybox-div h4{
   margin-top: 5px;
}
.fancybox-div .grid-captions{
   padding-bottom: 0 !important;
}
.fancybox-title{
   padding-bottom: 8px !important;
   border-bottom: 1px solid #e5e5e5;
}
#fancybox-overlay {
   position: fixed !important;
}
/*Fancy*/
#floating-top-right{
   z-index: 8050 !important;
}
.date-range {
   position: relative;
   display: inline-block;
   vertical-align: top;
   width: 190px;
}
.date-range input {
   padding:7px 7px 6px 7px;
   font-size: 14px;
}

.date-range .fa {
   position: absolute;
   bottom: 7px;
   right: 8px;
   top: auto;
   cursor: pointer;
   z-index: 3;
   font-size: 16px;
}

.select-adb{
   cursor:pointer;
   display:block;
   border: 1px dashed #337ab7;
   padding: 1px 0;
   margin-bottom: 2px;
}

.select-adb:hover{
   border: 1px dashed red;
}
.comment2{
   text-decoration: underline;
}
.comment2:hover{
   text-decoration: none;
}