/* Collapse menu earlier then default 768*/
@media (min-width: 768px) and (max-width: 1199px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}
@media(max-width: 768px) {
    .button-sm-margin div,  .button-sm-margin input {
        margin-bottom: 8px;
    }
    .row {
        margin-left: -5px;
        margin-right: -5px;
    }
    .container,.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
        
        padding-left: 5px;
        padding-right: 5px;
    }

}
@media (max-width: 600px) {
    .modal {
        top: 0px; margin-top: 0px; position: fixed !important;
    }
    .sepay-header div, .sepay-header div,.mini-contacts  {
        display: inline-block;
        float: none !important;
        margin: 3px !important;
      
    }
    
    .sepay-header {
       display: block;
       height: auto !important;
    }
}
  .navbar-default {
            border-bottom: 1px #e7e7e7 solid;
            border-left: 1px #e7e7e7 solid;
            border-right: 1px #e7e7e7 solid;
            border-top: 0px;
            border-radius: 0px 0px 8px 8px !important;
          
        }
        .sepay-header .header-inner {
            max-width: 1140px;
            margin: 0px auto;
        }

        .sepay-header {
            color: #8d9095;
            border-bottom: 1px solid #dedede;
        
            text-align: left;
            height: 44px;
            width: 100%;

        }
        @media (max-width: 720px) {
            .sepay-header {
                height: 64px;
            }
        }
        .mini-contacts.phone {
            background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2216px%22%20height=%2216px%22%20viewBox=%220%200%2016%2016%22%20enable-background=%22new%200%200%2016%2016%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22%238d9095%22%20d=%22M10.938,11.047c-0.07-0.388-0.134-0.632-0.328-0.812c-0.096-0.088-0.252-0.257-0.452-0.278c-0.045-0.005-0.176,0.002-0.222,0.011l-1.311,0.486C8.461,10.193,7.907,9.517,7.906,7.5c0-2.031,0.523-2.652,0.688-2.906l1.343,0.439c0.045,0.008,0.088,0.013,0.133,0.012c0.509,0.002,0.668-0.389,0.821-1.014l0.391-2.516c0.003-0.023,0.016-0.335,0.016-0.359c0-0.327,0.058-0.465-0.203-0.703c-0.224-0.206-0.377-0.298-0.677-0.305L8.115,0.001C8.1,0.001,8.085,0,8.068,0C6.869,0,6.328,0.703,5.55,2.504C5.031,4.25,4.875,5.921,4.875,7.5c0,2.531,1.225,5.85,2.013,6.955l0,0C7.282,14.816,7.679,15,8.068,15c0.017,0,0.032-0.001,0.047-0.002l2.302-0.146c0.664-0.016,0.849-0.294,0.849-0.945%20M8,0.859l2.487,0.221L9.984,4.006l-1-0.271c-0.02-0.003-0.103-0.014-0.125-0.016c-0.31-0.031-0.535-0.056-0.78,0.146C7.447,4.386,7.063,6.111,7.094,7.5c0.038,1.737,0.337,3.044,0.935,3.59l0,0c0.254,0.234,0.579,0.346,0.914,0.312c0.021-0.002,0.041-0.006,0.062-0.01l0.994-0.414l0.36,2.858l-2.103,0.226C8.222,14.047,8,14.005,7.751,13.89c-0.672-0.812-1.86-2.765-2.063-6.39C5.688,7.649,5.281,1.719,8,0.859z%22/%3E%3C/svg%3E")
        }
        .mini-contacts.address {
            background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2216px%22%20height=%2216px%22%20viewBox=%220%200%2016%2016%22%20enable-background=%22new%200%200%2016%2016%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22%238d9095%22%20d=%22M0.811,6.892l1.188-0.95v7.06c0,0.553,0.448,1,1,1h3c0.552,0,1-0.447,1-1v-4h2v4c0,0.553,0.448,1,1,1h3c0.552,0,1-0.447,1-1v-7.06l1.188,0.95C15.279,6.964,15.389,7,15.499,7c0.147,0,0.292-0.064,0.392-0.188c0.172-0.216,0.137-0.53-0.078-0.703l-7.5-6c-0.183-0.146-0.442-0.146-0.625,0L4.779,2.457l0.002-1.488c0,0-0.341-0.01-0.894-0.01C3.336,0.959,2.999,1,2.999,1v2.859l-2.812,2.25c-0.215,0.173-0.25,0.487-0.078,0.703C0.281,7.029,0.595,7.063,0.811,6.892z%20M7.999,1.14l5,4v7.861h-3v-5h-4v5h-3V5.142L7.999,1.14z%22/%3E%3C/svg%3E");
        }
        .mini-contacts.email {
               background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2216px%22%20height=%2216px%22%20viewBox=%220%200%2016%2016%22%20enable-background=%22new%200%200%2016%2016%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22%238d9095%22%20d=%22M14.001,2H1C0.448,2,0,2.447,0,3v8.98C0.027,12.484,0.5,13,1,13h13.001C14.506,13,15,12.521,15,12.002V3C15,2.447,14.553,2,14.001,2z%20M5.734,8.547L7.5,9.828l1.641-1.203L14,11.354l0.004,0.647l-13.02,0.014l0.014-0.683L5.734,8.547z%20M0.979,10.354L0.953,4.656l4.156,3.25L0.979,10.354z%20M9.828,8L14,4.641v5.755L9.828,8z%20M14.001,3v0.618l-0.021-0.03l-6.48,5.1L1,3.637V3H14.001z%22/%3E%3C/svg%3E");
            }
            .mini-contacts {
                background-repeat: no-repeat;
                background-position: 0 center;
                padding-left: 22px;
                margin-left: 15px;
                color: #8d9095;
                font-family: "Open Sans";
                font-size: 12px;
                white-space: nowrap;
                line-height: 30px;
            }
            .mini-contacts a, .mini-contacts a:hover, .mini-contacts a:visited {
                    color: #8d9095;
                    text-decoration: none;
            }
            .footer {
                margin-top: 40px;
                padding: 10px;
                text-align: center;
                border-top: 1px solid #dedede;
                width: 100%;
                background: linear-gradient(#f5f5f5, #fff);
                color: #8d9095;
            
            }
            .glyphicon {
                font-size: 8pt;
                margin-right: 4px;
            }
            .langselect{
                    float: right; margin-top: -15px;
            }
            .langselect img {
                margin-left: 8px;
                opacity: 0.4;
            }
            .langselect img.active {
                opacity: 1;
            }
            .unreadmail {
                background: #ff0000;
                color: #fff;
                position: relative;
                top: 1px;
                display: inline-block;
                font-style: normal;
                font-weight: 400;
                line-height: 6pt;
                -webkit-font-smoothing: antialiased;
                font-size: 8pt;
                margin-right: 8px;
                padding: 4px;
                margin-left: 8px;
            }
.ml_dropdownpanel {
 
    margin: 5px;
    margin-top: -2px;
}
.ml_dropdownpanel > span {
    display: inline-block;
    width: 40px;
}
.ml_dropdownlist input[type="image"] {
        width: 30px;
        height: 20px;
}
.ml_dropdownlist {
    padding: 8px 10px;
    border: 1px solid #ccc;
    display: none;
    background: #fff;
    position: absolute;
    margin-top: -2px;
    white-space: nowrap;
     z-index: 10002;
     margin-left: -30px;
}
.ml_dropdownpanel:hover .ml_dropdownlist{
    display: block;
   
}
.table-responsive input[type="image"], .table-responsive .gridbutton {
    display: inline-block;
    width: 30px  !important;
    height: 30px !important;
    margin-right: 6px;
    vertical-align: baseline;
    border-radius: 3px;
    background: #fff;
}

.table-responsive .gridbutton.large {
    width: 30px  !important;
    height: 30px !important;

}
.expanddetailstable .childrowtable {
    width: 100%;
       
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-top: -9px;
}

.expanddetailstable .childrowtable TR {
    background: #fafafa;
 
}
.expanddetailstable .childrowtable TR td:first-child {
     width: 40%;
}
.img-inline {
    display: inline-block !important;
    float: left;
   }
h1,h2,h3,h4{
        font-weight: bold;
}
h1 {
    font-size: 15pt;
}
h2 {
    font-size: 13pt;
}
h3 {
    font-size: 12pt;
}
input[type="radio"] { margin-right: 5px;}

.table-responsive {
    overflow-x: inherit;
}
.dataTables_wrapper > div {
    margin :10px;
}
#busyimg {
    z-index: 10000;
}
input[type="image"].gridbutton, IMG.gridbutton {
    border: 2px solid #aaa;
    border-top: 2px solid #eee;
    border-left: 2px solid #ccc;
    padding: 2px;

}
.data-table input[type="image"]:hover, .table-responsive .gridbutton:hover {
    border: 2px solid #777;
    border-top: 2px solid #ccc;
    border-left: 2px solid #aaa;
}

table.dataTable tbody tr.trnokrow {
    background-color: #FFF5F5;
}
table.dataTable tbody tr.trokrow {
    background-color: #F8FFF8;
}
.btnlist .btn {
    margin-bottom: 12px;
}
.topmenu {
    width: 100%;
}
.toprightfloat {
    float: right;
}
.nav>li>a {
    padding: 15px 11px;
}
.hidden {
    display: none;
}
.brandselection {          
    border: 1px solid #e7e7e7;
    padding: 12px;
    margin: 5px;  
    background-color: #f7f7f7;            
}
.brandicon {
    width: 32px;
    height: 20px;
    border: 1px solid #777;
}
.brandicon_middle {
    width: 64px;
    height: 40px;
    -moz-box-shadow:    2px 2px 5px 2px #ccc;
    -webkit-box-shadow: 2px 2px 5px 2px #ccc;
    box-shadow:         2px 2px 5px 2px #ccc;
}
.info_title {
    font-weight: 700;
}
.contract_management {
    width: 60%;
    margin: 0 auto;
}
@media (min-width: 1300px) and (max-width: 1900px){
    .container {
        max-width: 1270px;
    }
}
@media (min-width: 1900px) {
    .container {
        max-width: 1700px;
    }
}

/* Added Bootstrap documentation callout styles, slightly adapted, from https://gist.github.com/matthiasg/6153853 */

/* Base styles (regardless of theme) */
.bs-callout {
  margin: 20px 0;
  padding: 15px 35px 15px 15px;
  border: 1px solid #eee;
  border-left: 10px solid #eee;
}
.bs-callout h4 {
  margin-top: 0;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code,
.bs-callout .highlight {
  background-color: #fff;
}

/* Themes for different contexts */
.bs-callout-danger {
  background-color: #fcf2f2;
  border-color: #dFb5b4;
}
.bs-callout-warning {
  background-color: #fefbed;
  border-color: #f1e7bc;
}
.bs-callout-info {
  background-color: #f0f7fd;
  border-color: #d0e3f0;
}

.Style-overrule{
   width: 400px;
   margin: 0 auto;
   margin-top: 5px;
   margin-bottom:5px;
               }
.boostrap-styling-overrule{
    text-align:left;
}