body{
    background-color: #fff;
    color: #373536;
    font-size: 11px;
}
.templatemo-content{
    background-color: #fff;
}
textarea{
    resize: none;  
    font-size: 11px;
}
textarea.form-control{
    height: 100px;
}
label {
    font-weight: normal;
}
legend{
    font-size: 11px;
    font-weight: bold;
}
.table>thead>tr>th, .table>thead>tr>td{
    vertical-align: top;
}
h1, h2, h3, p, li, th, td, span{
    word-wrap: break-word;
}
h1{
    margin-bottom: 18px;
}
a, a:focus{
    text-decoration: none;
    outline: 0;
}
.form-group{
    margin-bottom: 12px;
}
.bold-text{
	font-weight: bold;
}
.small-icon{
    font-size: 10px
}
.remove-margin{
    margin: 0;
}
.margin-left{
    margin-left: 5px;
}
.padding-element{
    padding-left: 10px;
    padding-right: 10px;
}
.tooltip{
    z-index: 1061;
}
.panel-heading{
    min-height: 41px;
    line-height: 20px;
}
    .panel-heading p{
        font-size: 13px;
        margin: 0;
    }
    .panel-heading > div > div{
        word-wrap: break-word;
    }
.form-control{
    color: #373536;
    font-size: 11px;
}
.input-group-addon, .input-group-addon i{
    cursor: default;
}
.table th, .table td{
    word-break: break-all;
}
.btn:focus, .btn:active:focus, .btn.active:focus{
    outline: 0;
} 
.btn.disabled, .btn[disabled], fieldset[disabled] .btn{
    cursor: default;
}
.btn{
    min-width: 57px;
}
.input-group-addon{
    border-radius: 0;
}
.modal-title{
    font-size: 13px;
}
.alert-custom{
    position: relative;
}
    .alert-custom > button.close{
        position: absolute;
        top: 1px;
        right: 5px;
        font-size: 16px;
        opacity: 1;
        color: #373536;
    }
.btn-transparent{
    background-color: transparent;
}
.btn-xs{
    font-size: 11px;
}
.btn-success{
    background-color: #3c763d;
    border-color: #3c763d;
}
    .btn-success:focus, .btn-success:hover, .btn-success:active{
        background-color: #376B38;
        border-color: #376B38;
    }
.btn-danger{
    color: #fff;
    background-color: #a90329;
    border-color: #900323;
}
    .btn-danger:hover, .btn-danger:focus, .btn-danger:active{
        color: #fff;
        background-color: #81021f;
        border-color: #540114;
    }
.show-print{
    display: none !important;
}

/* Start style for notification */
    .cg-notify-message{
        position: fixed;
        left:auto;
        right: 20px;
        top:0px;
        z-index: 9999;
        max-width:400px;
        min-width: 300px;
        min-height: 80px;
        text-align: left;    
        background-color: #628654;
        color: #fff;
        padding: 15px;
        -webkit-transition: top 0.5s ease-out,opacity 0.2s ease-out;
        -moz-transition: top 0.5s ease-out,opacity 0.2s ease-out;
        -o-transition: top 0.5s ease-out,opacity 0.2s ease-out;
        transition: top 0.5s ease-out,opacity 0.2s ease-out;    
        visibility:hidden;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
    }
    .cg-notify-message a{
        font-weight:bold;
        color:inherit;
    }
    .cg-notify-message a:hover{
        color:inherit;
    }
    .cg-notify-close{
        -webkit-appearance: none;
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0;
        font-size: 21px;
        font-weight: 700;
        line-height: 1;
        color: #fff;
        position: absolute;
        top: 0px;
        right: 3px;
        line-height: 15px;    
    }
    .cg-notify-close span{
        color: #fff;
        font-size: 18px;
    }
    .cg-notify-sr-only{
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
        border: 0;
    }
    .cg-notify-message.error-msg-container{
        background-color: #a90329;
    }
    .cg-notify-message.info-msg-container{
        background-color: #3276B1;
    }
    .cg-notify-message.success-msg-container{
        background-color: #628654;
    }
/* End style for notification */

/* Start style for autocomplete */
    .ui-menu .ui-autocomplete-list{
        border-bottom: 1px solid #ddd;
        padding-top: 1px;
        padding-bottom: 1px;
    }
    .ui-menu .ui-autocomplete-list.ui-state-focus, .ui-menu .ui-autocomplete-list.ui-state-active {
        margin: 0;
    }
    .ui-autocomplete-list.ui-state-focus, .ui-autocomplete-list.ui-widget-content .ui-state-focus, .ui-autocomplete-list.ui-widget-header .ui-state-focus {
        border: none;
        border-bottom: 1px solid #ddd;
        background: #ddd;
        background-image: none;
        color: #212121;
    }
        .ui-menu .ui-autocomplete-list:last-child{
            border-bottom: none;
        }
        .ui-menu .ui-autocomplete-list a{
            font-size: 11px;
        }
    .ui-menu .ui-autocomplete-list:focus{
        outline: 0;
    }
/* End style for autocomplete */

/* Start style for form validation */
    .form-validation.ng-dirty.ng-valid, .form-validation.ng-dirty.ng-valid:focus{
        border-color: #3c763d;
    }
    .form-validation.ng-dirty.ng-invalid, .form-validation.ng-dirty.ng-invalid:focus{
        border-color: #a94442;
    }
    .invalidForm .form-validation.ng-invalid, .invalidForm .form-validation.ng-invalid:focus{
        border-color: #a94442;
    }
    .error-msg{
        color: #a94442;
        margin-bottom: 0;
    }
/* End style for form validation */

/* Start style for radio and checkbox input */
    .radio-inline, .checkbox-inline{
        margin-right: 10px;
    }
    .radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline{
        margin-left: 0;
    }
    .radio, .checkbox{
        margin: 0;
        padding-left: 25px;
        padding-right: 5px;
        font-size: 15px;
        line-height: 18px;
        color: #373536;
        cursor: pointer;
        font-size: 11px;
        position: relative;
        display: inline-block;
        font-weight: 400;
        margin-right: 5px;
    }
        .right-checkbox{
            padding-left: 0;
            padding-right: 25px;
        }
        .radio input, .checkbox input{
            position: absolute;
            left: -9999px;
        }
            .radio input:checked+i, .checkbox input:checked+i{
                border-color: #3276B1;
            }
            .radio input:checked+i:after, .checkbox input:checked+i:after{
                opacity: 1;
            }
            .radio input+i:after, .checkbox input+i:after{
                position: absolute;
                opacity: 0;
                transition: opacity .1s;
                -o-transition: opacity .1s;
                -ms-transition: opacity .1s;
                -moz-transition: opacity .1s;
                -webkit-transition: opacity .1s;
            }
        .radio i, .checkbox i{
            border-color: #BDBDBD;
            transition: border-color .3s;
            -o-transition: border-color .3s;
            -ms-transition: border-color .3s;
            -moz-transition: border-color .3s;
            -webkit-transition: border-color .3s;
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 16px;
            height: 16px;
            outline: 0;
            border-width: 1px;
            border-style: solid;
            background: #FFF;
        }
            .right-checkbox i{
                left: auto;
                right: 0;
            }
        .radio i{
            border-radius: 50%;
        }
            .radio input+i:after{
                content: '';
                top: 3px;
                left: 3px;
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background-color: #3276B1;
            }
        .checkbox input+i:after{
            color: #3276B1;
        }
        .checkbox input+i:after{
            content: '\f00c';
            top: -2px;
            left: 0;
            width: 14px;
            height: 14px;
            font: 400 15px/17px FontAwesome;
            text-align: center;
        }
            .checkbox input:checked:hover + i:after{
                content: "";
            }
            .checkbox input:checked:disabled:hover + i:after{
                content: "";
            }
/* End style for radio and checkbox input */

/* Start sryle for calendar */
.calendar-group div:focus, .calendar-group ul:focus, .calendar-group li:focus, .calendar-group table:focus{
    outline: 0 !important
}
    .date-input.form-control[readonly]{
        background-color: #fff;
        cursor: pointer;
    }
    .calendar-group .btn-group-sm > .btn, .calendar-group .btn-sm{
        padding: 3px 7px;
        font-size: 11px;
    }
    .calendar-group small{
        font-size: 11px;
    }
    .calendar-group .btn-info.active, .calendar-group .btn-info.active:focus, .calendar-group .btn-info.active:hover, .calendar-group .btn-info, .calendar-group .btn-info:focus, .calendar-group .btn-info:hover{
        background-color: #337ab7;
        border-color: #2e6da4; 
    }
    .calendar-group .btn-info.active span, .calendar-group .btn-info.active:focus span, .calendar-group .btn-info.active:hover span, .calendar-group .btn-info span, .calendar-group .btn-info:focus span, .calendar-group .btn-info:hover span{
            color: #fff;
    }
    .calendar-group .btn{
        min-width: 38px;
    }
/* End sryle for calendar */

/* Start sryle for header */
    .header-top{
        height: 10px;
        background-color: #373536;
        width: 100%;
    }
    .navbar-header{
        float: none;
    }
        .logo h1{
            font-size: 19px;
            margin-left: 20px;
            margin-right: 15px;
            margin-top: 14px;
            margin-bottom: 14px;
            color: #fff;
        }
            .logo h1 a{
                text-decoration: none;
                color: #fff;
                display: inline-block;
            }
                .logo h1 a img{
                    width: 195px;
                }
        .header-right-container{
            margin-right: 20px;
            margin-top: 20px;
        }
            .href-profile{
                float: left;
            }
                .href-profile, .href-profile:focus, .href-profile:hover, .href-profile:active{
                    color: #373536;
                    text-decoration: none;
                }  
                    .href-profile i{
                        color: #373536;
                        font-size: 13px;
                    }   
            .logout-btn{
                display: inline-block;
                padding: 0;
                margin-top: 0;
                margin-right: 0;
                margin-bottom: 0;
                margin-left: 20px;
                background-image: none;
                border: 1px solid #EBEBEB;
                border-radius: 2px;
            }   
                .logout-btn > i{
                    font-size: 17px;
                }
                .logout-btn, .logout-btn:focus, .logout-btn:hover, .logout-btn:active{
                    text-decoration: none;
                    color: #373536;
                }
/* End style for header */

/* Start style for navigation */
    .site-navigation{
        background-color: #EBEBEB;
    }
    .navbar-collapse{
        max-height: 1500px;
    }
        .navbar-inverse{
            background-color: #EBEBEB;
            border: none;
            border-bottom: 1px solid #373536;
        }
        .templatemo-sidebar{
            margin-top: 0; 
        }
        .templatemo-sidebar .templatemo-sidebar-menu > li > a{
            padding-top: 10px;
            padding-bottom: 10px;
            font-size: 11px;
        }
            .templatemo-sidebar .templatemo-sidebar-menu>li>a:hover, .templatemo-submenu li > a:hover{
                background-color: #ddd
            }
            .templatemo-sidebar .templatemo-sidebar-menu>.navActive>a:hover, .templatemo-submenu .navActive > a:hover{
                background-color: #373536;
            }
            .templatemo-submenu li{
                background-color: transparent;
            } 
                .templatemo-submenu li a{
                    padding-left: 45px;
                    padding-top: 10px;
                    padding-bottom: 10px;
                }  
                    .sub li.navActive{
                        background-color: #373536;
                    }
                        .sub li.navActive > a{
                            color: #fff;
                        }
            .templatemo-sidebar .templatemo-sidebar-menu>li>a:hover, .templatemo-sidebar-menu > li.sub.open > a, .templatemo-sidebar .templatemo-sidebar-menu >li.active{
                background-color: transparent;
            }
            .templatemo-sidebar .templatemo-sidebar-menu>.sub>a:hover{
                color: #3B393A;
            }
        .nav-symbol{
            color: #373536;
        }
    .templatemo-sidebar-menu a{
        color: #373536;
    }
    .navbar-inverse .navbar-toggle{
        border-color: #EBEBEB;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 20px;
        padding: 0;
    }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
        background-color: #EBEBEB;
    }
    .navbar-inverse .navbar-toggle:hover .icon-bar{
        color: #373536;
        background-color: #373536;
    }
    .navbar-inverse .navbar-toggle .icon-bar{
        background-color: #373536;
    }
    .caret{
        color: #373536;
    }
    /* Navigation background */
    .site-navigation-background{
        width: 235px;
        position: fixed;
        height: 100%;
        background: #EBEBEB;
        top: 0;
        z-index: -1;
        left: 0;
    }
/* End style for navigation */

/* Start style for home */
    .home-content h1{
        color: #373536;
        font-size: 45px;
        margin-bottom: 5px;
    }
/* End style for home */

/* Start style for grid teble */
    .templatemo-content-header h1{
        margin-top: 0;
    }
    .main-scroll{
        overflow-x: auto; 
    }
        .main-scroll .table{
            min-width: 1110px;
            margin-bottom: 0;
        }
        .main-scroll thead th{
            word-break: normal;
        }
    .pagination{
        margin: 18px 0 0;
    }
    .pagination-sm>li>a, .pagination-sm>li>span{
        font-size: 11px;
    }
    .search-container{
        max-width: 500px;
    }
    .small-search-container{
        max-width: 150px;
    }
        .small-search-container input{
            height: 22px;
            padding-top: 2px;
            padding-bottom: 2px;
            font-size: 10px;
        }
        .small-search-container .input-group-addon{
            padding-left: 10px;
            padding-right: 10px;
            padding-top: 2px;
            padding-bottom: 2px;
        }
    .href-sort{
        position: relative;
        display: block;
    }
        .href-sort, .href-sort:hover, .href-sort:focus{
            color: #373536;
            text-decoration: none;
        }
        .href-sort > i{
            position: absolute;
            right: 0;
            top: 4px;
            font-size: 12px;  
            color: #373536;
        }
    .invoice-col-action, .invoice-col{
        width: 16.66%;
    }
    .contract-col-action, .contract-col{
        width: 10%;
    }
    .proxy-col-action, .proxy-col{
        width: 16.66%;
    }
    .atpd-col-action, .atpd-col{
        width: 25%;
    }
    .atpr-col-action, .atpr-col{
        width: 25%;
    }
    .cash-receipts-income-col-action, .cash-receipts-income-col{
        width: 16.66%;
    }
    .cash-receipts-cost-col-action, .cash-receipts-cost-col{
        width: 16.66%;
    }
    .report-invoice-col-action, .report-invoice-col{
        width: 25%;
    }
    .report-contract-col-action, .report-contract-col{
        width: 12.5%;
    }
    .report-vehicle-col-action, .report-vehicle-col{
        width: 25%;
    }
    .provider-col-action, .provider-col{
        width: 16.66%;
    }
    .customer-col-action, .customer-col{
        width: 10%;
    }
    .mps-col-action, .mps-col{
        width: 20%;
    }
    .user-col-action, .user-col{
        width: 25%;
    }
/* End style for grid table */

/* Start style for modal dialog */
    .modal{
        overflow: hidden;
    }
        .modal-x-scroll{
            overflow-x: auto; 
        }
        .modal-header, .modal-body, .modal-footer{
            padding: 12px;
        }
        .modal-body{
            max-height: 600px;
            overflow-x: hidden;
            overflow-y: auto;
        }
        .modal-body-height{
            min-height: 300px;
        }
        .modal-body-height-calendar{
            min-height: 465px;
        }
            .modal-content .panel{
                margin-bottom: 0;
            }
                .modal-body-content{
                    min-width: 600px;
                }
                .fieldset-repeat{
                    border-bottom: 1px dashed #ddd; 
                    margin-bottom: 12px;
                    padding-bottom: 12px;
                }
                .fieldset-repeat:last-child{
                    border-bottom: none;
                    padding-bottom: 0;
                    margin-bottom: 0;
                }
        .sum-container{
            padding: 15px;
            border-left: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            border-right: 1px solid #ddd;
            border-top: 0;
        }
            .sum-container .price{
                display: inline-block;
                min-width: 75px;
            }
            .sum-container span{
                text-align: right;
            }
        .panel-body-service{
            padding: 0;
        }
        .export-container .caret{
            color: #fff;
            margin-left: 5px;
        }
        .export-container li > a{
            font-size: 11px;
            padding-left: 27px;
            padding-right: 3px;
        }
        .export-container .dropdown-menu{
            min-width: 120px;
            padding-top: 3px;
            padding-bottom: 3px;
            border-radius: 0;
        }
        .export-pdf{
            position: relative;
        }
            .export-pdf:before{
                position: absolute;
                content: "";
                float: left;
                display: inline-block;
                width: 20px;
                height: 20px;
                background-image: url(../images/pdf-logo.png);
                background-size: 20px 20px;
                background-repeat: no-repeat;
                background-position: 0 0;
                top: 0;
                left: 3px;
            }
        .modal-footer{
            margin-top: 0; 
        }
/* End style for modal dialog */

/* Start style for login */
    .login-templatemo-content{
        margin-left: 0 !important;
    }
        .login-content{
            float: none;
            margin: auto;
            margin-top: 60px;
        }
/* End style for login */

/* Start style for 404 */
    .header-not-found{
        font-size: 45px;
    }
/* End style for 404 */

/* Start style for msgContainer */
    .cg-notify-message.error-msg-container{
        background-color: #a90329;
    }
    .cg-notify-message.info-msg-container{
        background-color: #3276B1;
    }
    .cg-notify-message.success-msg-container{
        background-color: #628654;
    }
/* End style for msgContainer */

/* Start style for notification */
    .cg-notify-message {
        position: fixed;
        left:auto;
        right: 20px;
        top:0px;
        z-index: 9999;
        max-width:400px;
        min-width: 300px;
        min-height: 80px;
        text-align: left;    
        background-color: #628654;
        color: #fff;
        padding: 15px;
        -webkit-transition: top 0.5s ease-out,opacity 0.2s ease-out;
        -moz-transition: top 0.5s ease-out,opacity 0.2s ease-out;
        -o-transition: top 0.5s ease-out,opacity 0.2s ease-out;
        transition: top 0.5s ease-out,opacity 0.2s ease-out;    
        visibility:hidden;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
    }
    .cg-notify-message a {
        font-weight:bold;
        color:inherit;
    }
    .cg-notify-message a:hover {
        color:inherit;
    }
    .cg-notify-close {
        -webkit-appearance: none;
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0;
        font-size: 21px;
        font-weight: 700;
        line-height: 1;
        color: #fff;
        position: absolute;
        top: 0px;
        right: 3px;
        line-height: 15px;    
    }
    .cg-notify-sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
        border: 0;
    }
/* End style for notification */

/* Start style for media queries */
    @media screen and (max-width: 991px){
        .site-navigation.templatemo-sidebar, .site-navigation.templatemo-sidebar.in{
            margin: 0 ;
            padding: 0;
            min-height: inherit;
        }
        .templatemo-sidebar.navbar-collapse.in{
            margin-top: 0;
        }
        .logo h1{
            margin-left: 20px;
            margin-right: 10px;
        } 
        .site-navigation-background{
            display: none;
        }
    }
    @media screen and (max-width: 500px){ 
        .logo h1 a img{
            width: 150px;
        }  
        .header-right-container{
            margin-top: 18px;
        }
    }
    @media screen and (max-width: 400px){ 
        .logo h1 a img{
            width: 120px;
        }  
        .header-right-container{
            margin-top: 17px;
        }
    }
    @media screen and (max-height: 750px){
        .modal-body{
            max-height: 550px;
        }
    }
    @media screen and (max-height: 700px){
        .modal-body{
            max-height: 500px;
        }
    }
    @media screen and (max-height: 650px){
        .modal-body{
            max-height: 450px;
        }
    }
    @media screen and (max-height: 600px){
        .modal-body{
            max-height: 400px;
        }
    }
    @media screen and (max-height: 550px){
        .modal-body{
            max-height: 350px;
        }
    }
    @media screen and (max-height: 500px){
        .modal-body{
            max-height: 300px;
        }
    }
    @media screen and (max-height: 450px){
        .modal-body{
            max-height: 250px;
        }
    }
    @media screen and (max-height: 400px){
        .modal-body{
            max-height: 200px;
        }
    }
    @media screen and (max-height: 350px){
        .modal-body{
            max-height: 150px;
        }
    }
/* End style for media queries */

/* Start style for print */
    @media print{
        @page{
            size: landscape; 
            margin: 10mm;
        } 
        html, body{
            margin: 0;
        }
        h3, p, span, div, td, th{
            font-size: 8px !important;
        }
        #main-wrapper .header-top, #main-wrapper .navbar, #main-wrapper #nav, #main-wrapper .templatemo-content-header, #main-wrapper .breadcrumb{
            display: none;
        }
        .navbar-collapse.collapse, .table th a > i, .input-group-addon{
            display: none !important;
        }
        select{
            -webkit-appearance:none;
            -moz-appearance: none!important;
            text-indent: 0.01px!important;
            text-overflow: ''!important;
            -moz-appearence: window;
            border: none;
            box-shadown: none;
        }
            select::-ms-expand{
                display:none;
            }
        .navbar{
            display: block;
            border: none;
        }
            .logo{
                margin-bottom: 10px;
            }
                .logo h1{
                    margin: 0;
                }
                    .logo h1 a img{
                        width: 70px;
                    }
        .show-print{
            display: block !important;
        }
            .main-scroll .table{
                width: 100%;
                min-width: 100%;
            }
                .table th{
                    font-weight: normal;
                }
        .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
            padding: 4px;
        }

    } 
/* End style for print */