/**
*    1.0.0 Generals
***    1.1.0 Colors
***    1.2.0 Fonts
*
*    2.0.0 UI
***    2.1.0 Navs
***    2.2.0 Breadcrumbs
***    2.3.0 List Group
***    2.4.0 table
***    2.5.0 Buttons
***    2.6.0 Forms
***    2.7.0 Tab Panel
***    2.8.0 Labels
***    2.9.0 Alert
***    2.10.0 Modals
*
*    3.0.0 Structure
***    3.1.0 Header
***    3.2.0 Sidebar
***    3.3.0 Toolbar
***    3.4.0 Content
*    4.0.0 Section
***    4.1.0 Login
*    5.0.0 App Container
***    5.1.0 Collapsed
**/

/***************************/
/*** 1.0.0 Generals ***/
/***************************/

    body {
        margin: 0;
        font-family: "Roboto",Helvetica,Arial,sans-serif;
        /*comentado 23-05-2017 font-size: 14px;*/
        font-size: 12px;
        line-height: 20px;
        color: #555;
        background-color: #fff;
        padding-top:171px;
    }

    .inline-block{
        display: inline-block !important;
    }

    .block {
        display:block !important;
    }

    .inline {
        display:inline !important;
    }

    .invisible {
        visibility: hidden !important;
    }

    .nowrap {
        white-space: nowrap !important;
    }

    .full-width{
        width: 100% !important;
    }

    .right{
        float: right !important;
    }


    .left{
        float: left !important;
    }

    h4{
        font-size: 17px;

    }
    .no-margin{
        margin:0 !important;
    }

    .no-margin-left{
        margin-left:0 !important;
    }

    .no-margin-right{
        margin-right:0 !important;
    }

    .no-margin-top{
        margin-top:0 !important;
    }

    .no-margin-bottom{
        margin-bottom:0 !important;
    }

    .margin-top-10{
        margin-top: 10px;
    }

   .mask-circle{
        border-radius: 50%;
        display: inline-block;
        overflow: hidden;
    }

    span.glyphicon:before{
        vertical-align: bottom;
    }

    .left-25{
        transform: translateX(-25%);
    }

    /***************************/
    /*** 1.1.0 Colors ***/
    /***************************/

        .bg-gray{
            background-color: #f5f4f9 !important;
        }

        .bg-dark-light-gray {
            background-color:#d6d6d6 !important;
        }

        .bg-very-light-gray {
            background-color:#f3fbfd !important;
        }

        .bg-very-dark-gray {
            background-color:#6e6e6e !important;
        }

        .bg-dark-gray {
            background-color:#a5a5a5 !important;
        }

        .btn-success,
        .bg-green {
            background-color: #009444 !important;
            border-color: #009444 !important;
        }

        .btn-info,
        .bg-blue {
            background-color: #004A8C !important;
            border-color: #004A8C !important;
        }

        .bg-light-blue{
            background-color: #cfdde8 !important;
        }

        .bg-success {
            color:white;
            background-color: #009444;
        }

        .bg-info {
            color:white;
            background-color: #004A8C;
        }

        .bg-warning {
            color:white;
            background-color: #f47e1e;
        }

        .bg-danger {
            color:white;
            background-color: #b53c3c ;
        }

        .text-gray{
            color: #f5f4f9 !important;
        }

        .text-dark-light-gray {
            color:#d6d6d6 !important;
        }
        .text-very-gray{
            color:#bdbdbd!important;
        }

        .text-very-light-gray {
            color:#f3fbfd !important;
        }

        .text-very-dark-gray {
            color:#6e6e6e !important;
        }

        .text-dark-gray {
            color:#a5a5a5 !important;
        }

        .text-green {
            color: #009444 !important;
        }

        .text-blue {
            color: #004A8C !important;
        }

        .text-orange {
            color: #f3705a !important;
        }

        .text-light-blue{
            color: #cfdde8 !important;
        }

        .margin-top{
            margin-top: 20px !important;
        }

        .margin-bottom{
            margin-bottom: 20px !important;
        }

        .no-margin {
            margin: 0!important;
        }

    /***************************/
    /*** 1.2.0 Fonts         ***/
    /***************************/

        .raleway {
            font-family: "Raleway",Helvetica,Arial,sans-serif;
        }

        .txtalgn-center {
            text-align: center;
        }

/***************************/
/*** 2.0.0 UI            ***/
/***************************/

    /***************************/
    /*** 2.1.0 NavBar        ***/
    /***************************/

    .navbar-default {
      background-color: white;
      border: none;
    }

    /***************************/
    /*** 2.1.0 BreadCrumbs   ***/
    /***************************/

    .breadcrumb {
      color: #666666;
      background-color: white;
      font-size: 16px;
    }

    .breadcrumb li a {
      color: #666666;
    }

    .breadcrumb li.active a,
    .breadcrumb li.active {
        color: #004A8C;
        pointer-events: none;
    }

    /***************************/
    /*** 2.3.0 List group   ***/
    /***************************/

    button.list-group-item {
        width: auto;
    }

    .navbar-right button.list-group-item:hover{
       background:#009444!important;
       border-color:#009444!important;
    }

    .navbar-right button.list-group-item:hover{
        color:white !important;
    }

    .list-group-item {
        margin: 0;
        width: auto;
        height: 100%;
        vertical-align: middle;
    }

    .list-group-item:first-child{
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .list-group-item:last-child {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    /***************************/
    /*** 2.4.0 Table   ***/
    /***************************/

    .table {
        font-size: 12px;
        text-align: center;
    }

    .table tfoot tr td,
    .table thead tr th {
        padding: 10px 5px;
        color: white;
        /*text-transform: uppercase;*/
        text-align: center;
        vertical-align: middle;
        background-color: #004A8C;
        border-bottom: 2px solid #009444;
    }

     .table tfoot tr td{
         font-weight: bold;
         vertical-align: middle;
     }

    .table tbody tr {
        padding: 5px 0;
        height:auto;
    }

    .table tbody tr td{
        /*comentado 23-05-2017padding: 5px 0;*/
        padding: 1px 0;
        vertical-align: middle;
        color: #90979e;
    }

    .table > tbody > tr:nth-of-type(odd) {
        background-color: #f3fbfb;
    }

    .table-hover > tbody > tr:hover {
        background-color: #e6f8f6;
    }

    /***************************/
    /*** 2.5.0 Buttons   ***/
    /***************************/

    button.fa-times,
    button.fa-pencil-square-o {
        font-size: 15px;
        background: transparent;
        border: none;
    }


    button.btn,
    button.btn {
        margin: 0 !important;
        padding: 8px 15px;

    }


    button.btn:hover,
    button.btn:active,
    button.btn:focus{
        color:white !important;
        background-color:#959595 !important;;
        border: 1px solid transparent!important;
    }

    button.btn.fa:hover,
    button.btn.fa:active,
    button.btn.fa:focus{
        color:#959595 !important;;
        background-color:transparent !important;
        border: none!important;
    }

      .btn:focus,
      .btn:active:focus,
      .btn.active:focus,
      .btn.focus,
      .btn:active.focus,
      .btn.active.focus {
        outline: none !important;
      }


      .btn-secondary {
        color: #FFFFFF;
        background-color: #939393;
        border-color: #7d7d7d;
      }


      .btn-warning {
        color: #FFFFFF;
        background-color: #f6a20f;
        border-color: #f6a20f;
      }


      .btn-danger {
        color: #b53c3c;
        background-color: #fcdddd;
        border-color: #ee7a7a;
      }


      .btn-primary {
        color: #ffffff!important;
        background-color: #009444;
        border-color: #009444;
      }

      .btn-link {
         font-size: 12px;
         color: #004A8C;
      }

      .btn-primary.disabled,
      .btn-primary[disabled],
      fieldset[disabled] .btn-primary,
      .btn-primary.disabled:hover,
      .btn-primary[disabled]:hover,
      fieldset[disabled] .btn-primary:hover,
      .btn-primary.disabled:focus,
      .btn-primary[disabled]:focus,
      fieldset[disabled] .btn-primary:focus,
      .btn-primary.disabled.focus,
      .btn-primary[disabled].focus,
      fieldset[disabled] .btn-primary.focus,
      .btn-primary.disabled:active,
      .btn-primary[disabled]:active,
      fieldset[disabled] .btn-primary:active,
      .btn-primary.disabled.active,
      .btn-primary[disabled].active,
      fieldset[disabled] .btn-primary.active {
          background-color: #5cab4d;
          border-color: #5cab4d;
      }


      .btn.width-fixed{
          width:auto!important;
      }

      .btn.toggle-handle{
        padding: 6px 16px;
      }

      .toggle {
          width: 100%!important;
      }

    /***************************/
    /*** 2.6.0 Form fields   ***/
    /***************************/


    .form-group .form-control {
        width: 100% !important;
        /*commentado 23-05-2017 min-height: 38px !important;*/
        min-height: 33px !important;
        font-size: 12px;
        color: #90979e;
        border: 1px solid #e1e1e1;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .form-group label {
        overflow: hidden;
        font-size:  12px;
        color: #225a80;
        vertical-align: middle;
    }

    .form-group span {
        color: #225a80;
    }

    .form-group .toggle{
        display: block;
    }

    .form-group .form-control{
       /*comentado23-05-2017 font-size: 13px;*/
        font-size: 12px;
        color: #225a80;
    }

    .form-group .label-success{
        display: block;
        height: 38px;
    }

    .form-group button {
        width: 100%;
    }

    select.form-control{
        background-image: url(../images/arrow-combo.png);
        background-repeat: no-repeat;
        background-position: 98%;
        -webkit-appearance: none;
        -ms-appearance: none;
    }

    .form-signin {
        max-width: 430px;
    }


    fieldset {
        border:none;
    }

    /***************************/
    /*** 2.7.0 Tab Panel   ***/
    /***************************/


    .nav-tabs {
        border-bottom: 5px solid #004A8C
    }

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

    .nav-tabs > li > a {
        padding-left: 42px;
        padding-right:42px;
        margin-right: 4px;

        background-color: #f6f6f6;
        border-radius: 4px 4px 0 0;
        border-top: 1px solid #e1e1e1;
        border-left: 1px solid #e1e1e1;
        border-right: 1px solid #e1e1e1;
        border-bottom: none;
    }

    .nav-tabs > li > a:hover {
        border-color: #eee #eee #ddd
    }

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:focus,
    .nav-tabs > li.active > a:hover {
        color: white;
        cursor: default;
        background-color: #004A8C;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom:  1px solid #004A8C;;
    }

    .tab-pane {
        border: 1px solid #004A8C;
    }

    .tab-pane .well {
        margin-bottom: 0;
    }

     /***************************/
    /*** 2.8.0 Labels   ***/
    /***************************/
    .label-success{
        font-weight: 400;
        padding-top: 8px;
        font-size: 16px !important;
        background-color: #cedde8;
    }

    .label-success, .alert.alert-success{color: #438541;}
    .label-info, .alert.alert-info{  color: #225a80; }
    .label-warning, .alert.alert-warning{ color: #f47e1e;}
    .label-danger, .alert.alert-danger{ color: #b53c3c;}

     /***************************/
    /*** 2.9.0 Alert   ***/
    /***************************/
    .alert {
        border-radius: 0;
    }



    .alert.alert-success {
        background-color: #ddfcdc;
        border: 1px solid #438541;
    }

    .alert.alert-info {
        background-color: #e4eef5;
        border: 1px solid #225a80;
    }

    .alert.alert-warning {
        background-color: #fff3e1;
        border: 1px solid #f47e1e;
    }

    .alert.alert-danger {
        background-color: #fcdddd;
        border: 1px solid #b53c3c;
    }


     /***************************/
    /*** 2.10.0 Modals   ***/
    /***************************/

    .modal{
        background-color: rgba(53,105,140,.85);
    }

    .modal .modal-content{
        overflow: hidden;
        box-shadow: none;
        -webkit-box-shadow: none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border: none;
    }

    .modal .modal-header .close{
        color:white;
        opacity: 1;
    }

    .modal .modal-body p{
        color:#225a80;
        font-size: 13px;
    }


.well {
    background-color: #f6f6f6;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom:8px;
    padding:16px;
}

  .filters  .form-group {
        min-height: 65px;
    }

/***************************/
/** 3.1.0 Structure **********/
/***************************/

    /***************************/
    /** 3.1.0 Header **********/
    /***************************/

        .header {
            top:0;
            left:0;
            width:100%;
            min-width: 1028px;
            height: 75px;
            background-color: #f5f4f9;
            color: #FFF;
            vertical-align: middle;
            z-index: 22;
        }

            .header .navbar-header {
                display:inline-block;
                width: 210px;
                height: 75px;
                background-color: #FFF;
                border:0;
                vertical-align: middle;
                text-align: center;
            }

                .header  .collapse-app-btn {
                    width: 100%;
                    height: 100%;
                    background-color: transparent;
                    background-image: url(../images/logo-menu_distrifar.png);
                    background-repeat: no-repeat;
                    border: none;
                }

                .header .lab-menu {
                    position:relative;
                    width: auto;

                    padding: 5px;
                    margin-right: 15px;
                    background-color:white;
                    border: 1px #e1e1e1 solid;
                }

                .header .lab-menu button{
                    width: 100%;
                    height: 56px;
                    background: transparent;
                    border: none;
                }

                 .header .lab-menu button img{
                     width:50px;
                     vertical-align: middle;
                 }

                 .header .lab-menu button span{
                     display: inline-block;
                     vertical-align: middle;
                 }

                 .header .lab-menu .fa{
                     margin-top: 15px;
                 }

                 .header .lab-menu button span.label{
                     width:auto;
                     font-size: 12px;
                     color: #6f6f6f;
                     white-space: normal;
                     text-align: left;
                 }

                .header .lab-menu .dropdown-menu  {
                    width:100%;
                    z-index: 99999999;
                }
                .header .lab-menu .dropdown-menu li {
                    padding: 10px;
                    font-size: 12px;
                    color: #6f6f6f;
                }

                .header .lab-menu .dropdown-menu li:hover{
                    color: white;
                    background-color: #009444;
                }

                .header .lab-menu .dropdown-menu li:not(:last-child) {
                    border-bottom: 1px #e1e1e1 solid;
                }

            .header .info {
                margin-top:28px;
                margin-left:3px;
                margin-right:18px;
            }

            .info{
                display:inline-block;

                color:#494949;

            }

            .info span{

                padding-right: 5px;
                padding-left: 5px;
                  height:15px;
            }


    /***************************/
    /** 3.2.0 Sidebars **********/
    /***************************/

        .sidebar {
            top: 75px;
            left: 0;
            width: 210px;
            height: calc(100vh - 75px);
            padding-bottom: 80px;
            /*overflow:hidden;*/
            background:#ededed;
            overflow-y: auto;
            overflow-x: hidden;
            z-index: 1000;
        }

            .sidebar .sidebar-search {
                display: table;
                padding: 15px;
                height: 75px;
            }

            .sidebar .sidebar-search .btn{
                padding: 6px 12px;
            }

            .sidebar .sidebar-search .btn-default{
                background: white;
                border: 1px solid #e1e1e1;
                border-left: none;
                color: #e1e1e1;
            }


               .sidebar .sidebar-search .btn-default:hover .fa-search:before{
                   color:white!important;
               }

            .sidebar .fake-button {
                display: none;
            }


                    .sidebar .sidebar-search .input-group {
                        display: table-cell;
                        width: 75%;
                        vertical-align: middle;
                    }

                    .sidebar .sidebar-search .input-group input {
                        width: 75%;
                        border: 1px solid #e1e1e1;
                        background: white;
                        box-shadow: none;
                        border-right: none;
                    }


            .sidebar .sidebar-nav.navbar-collapse {
                padding-right: 0;
                padding-left: 0;
            }


            .sidebar ul li {
                vertical-align: middle;
                border-bottom: 1px solid #cccccc;
            }

                .sidebar ul li .arrow {
                    display: inline-block;
                    vertical-align: middle;
                    padding: 5px 0;
                }

                .sidebar ul li li .arrow {
                  padding:0;
                }

                .sidebar ul li .label-menu {
                    display: inline-block;
                    vertical-align: middle;
                    padding: 5px 0;
                    color: #494949;
                    font-size:13px;
                    text-transform: uppercase;
                }

                .sidebar ul li.active > a,
                .sidebar ul li.active > a .label-menu  {
                    color:#009444;
                }


            .sidebar .arrow {
                float: right;
            }

            .sidebar .fa.arrow:before {
                content: "\f104";
            }

            .sidebar .active > a > .fa.arrow:before {
                content: "\f107";
            }


            .sidebar li:not(:first-child) .fa {
                color: #6f6f6f;
                font-size: 20px;
                padding-right: 20px;
                padding-left: 20px;
                vertical-align: middle;
            }

            #side-menu > li.active > a > .fa {
                color: #009444;;
            }

            #side-menu > li  > a {
                padding-right: 0px;
                padding-left: 0px;
            }

            #side-menu > li:hover i.fa {
                color: #009444;
            }

            #side-menu > li{
                white-space: nowrap;
            }
            .sidebar .nav-second-level li,
            .sidebar .nav-third-level li {
                border-bottom: 0!important;
            }

            .sidebar .nav-second-level li{
                 background-color: #a5a5a5;
            }

            .sidebar .second-level li {
                border-bottom: 1px solid #aaaaaa;
                padding-left:32px;
                padding-top: 20px;
            }

            .sidebar .nav-second-level li.active{
                background-color: #009444;
            }

            .sidebar .nav-second-level li.active a{
                color: white;
            }

            .sidebar .nav-second-level li a {
                color:white;
            }

            .sidebar .nav-third-level li a,
            .sidebar .nav-second-level li a {
                color:white;
            }

            .sidebar li.active:not(.has-expand)  a:after {
                top: 11px;
                right: 0;
                content: '';
                position: absolute;
                display: inline-block;
                border-top: 12px solid rgba(0, 0, 0, 0);
                border-bottom: 12px solid rgba(0, 0, 0, 0);
                border-right: 10px solid #ffffff;
            }

            .sidebar .nav-third-level li a:focus,
            .sidebar .nav-second-level li a:focus,
            .sidebar .nav-third-level li a:active,
            .sidebar .nav-second-level li a:active,
            .sidebar .nav-third-level li a:hover,
            .sidebar .nav-second-level li a:hover {
                 color:white;
                 background: rgba(255,255,255,.1) !important;
            }

            .sidebar .nav-third-level li{
                background-color: #868686;
            }

            .sidebar .nav-third-level li.active{
                background-color: #004A8C;
            }

            .sidebar .nav-third-level li a {
                padding-left: 52px;
            }

            .sidebar .user-profile-holder{
                position:fixed;
                bottom: 10px;
                left: 0px;
                width: 190px;
                margin: 0 10px;
                padding: 5px;
                color: #009444;
                border-radius: 5px;
                border: 1px solid #e1e1e1;
                background-color:white;
                vertical-align: top;
            }

            .sidebar .user-profile {
                padding: 0;
                background-color:transparent;
                border: none;
            }

            .sidebar .user-profile:before{
                position: absolute;
                right: 10px;
                top: 35%;
            }

            .sidebar .user-profile .mask-circle{
                display:inline-block;
                width: 45px;
                height: 45px;
                vertical-align: middle;
            }

            .sidebar .user-profile-holder label.badge{
                position:absolute;
                left: 35px;
                top: 35px;
                background: #004A8C;
            }

            .sidebar .user-profile p{
                display: inline-block;
                vertical-align: middle;
                margin-left: 10px;
                margin-bottom: 0;
            }


            .sidebar .user-profile p,
            .sidebar .user-profile-holder label.badge{
                 font-family: "Roboto",Helvetica,Arial,sans-serif;
             }

             .sidebar ul.dropdown-menu li:last-child {
                border-bottom: none;
            }

            .profile-dropdown:after {
                content: '';
                position: absolute;
                border-style: solid;
                border-width: 9px 7px 0;
                border-color: white transparent;
                display: block;
                width: 0;
                z-index: 1;
                bottom: -9px;
                left: 15%;
            }


        /***************************/
        /** 3.3.0 Toolbar **********/
        /***************************/

            .toolbar {
                top:75px;
                left: 210px;
                width: calc(100% - 210px);
                padding-top: 17px;
                background-color: white;
                z-index: 20;
            }

            .toolbar .list-group {
                height: 43px;
            }

             .toolbar .list-group  button:before{
                font-size: 18px;
            }

            .toolbar .list-group-item {
                padding-left: 20px;
                padding-right: 20px;
            }

            .toolbar p.list-group-item {
                text-transform: uppercase;
            }

            .toolbar .navbar-right {
                margin-right: 15px;
            }

            .pager{
                margin: 0;
            }
        /***************************/
        /** 3.4.0 Content    *******/
        /***************************/

            .app-content {
                padding: 0px 15px 50px 210px;
            }

            .app-content .container-fluid{
                padding-right: 0;
            }


        /***************************/
        /** 4.1.0 Login    *******/
        /***************************/

            .login-section {
                text-align: center;
                background-color: #f6f6f6;
                padding-top:20px;
            }

            .login-section .panel{
                display:block;
                margin: 0 auto;
                padding: 18px;
                padding-top: 0;
                margin-top: 60px;
                width: 584px;

            }

             .login-section .panel .panel-body{
                 padding-bottom: 0;
             }


             .login-section .panel .panel-body h2{
                margin-top: 0;
                font-size: 22px;
                text-align: left;
             }
             .login-section  input[type=checkbox] {
                 pointer-events: auto;
                 margin-top : 1px;
             }

            .login-container {
                background-color: white;
            }

            .login-section .panel-footer {
                padding: 10px 15px;
                background-color:white;
                border-top: none;
                border-bottom-right-radius: 0;
                border-bottom-left-radius: 0;
            }

            .login-section .form-group {
                height: auto;
            }

            .login-section .forgot{
                display: inline-block;
                float: left;
                vertical-align: middle;
                padding-top: 8px;
            }

             .login-section .forgot button{
                 padding-top: 0;
                 padding-left: 0;
             }

             .login-section .form-group .form-control {
                 font-size: 16px;
             }

             .login-section .info {
                 font-size: 16px;
             }


        /***************************/
        /** 5.1.0 App Collapsed    *******/
        /***************************/




        .app-container.collapsed  .collapse-app-btn {
            background-image: url(../images/verifarmalogo-collapsed.jpg);
        }

        .app-container.collapsed  .navbar-header{
            width: 60px;
        }

        .app-container.collapsed  .app-content{
            padding-left: 65px;
        }

         .app-container.collapsed  .toolbar {
            left: 65px;
            width: calc(100% - 95px);
        }

        .app-container.collapsed .sidebar {
            width: 60px;
            text-align: center;
        }


        .app-container.collapsed .sidebar  .sidebar-search:hover .input-group {
            display:inline-block;
        }

        .app-container.collapsed .sidebar   .sidebar-search .input-group {
              position: absolute;
            top: 0;
            padding: 8px;
            padding-top: 19px;
            width: 180px;
            height: 100%;
            border-radius: 5px;
            background: #ededed;
            display:none;
        }

        .app-container.collapsed .sidebar   .sidebar-search .input-group-btn{
            float: left;
            margin-left: -2px;
        }

         .app-container.collapsed .sidebar  #side-menu ul{
            text-align: left;
        }

        .app-container.collapsed .sidebar  #side-menu li span:not(.input-group-btn){
            visibility: hidden;
        }

        .app-container.collapsed .sidebar  #side-menu > li:hover .nav-second-level {
            display: inline-block;
        }

        .app-container.collapsed .sidebar  .nav ul:not(.nav-third-level){
            position:absolute;
            left: 60px;
            top: 0;
        }

         .app-container.collapsed .sidebar .nav-second-level.collapsing,
         .app-container.collapsed .sidebar .nav-second-level.collapse.in {
            display: none;
        }

        .app-container.collapsed .sidebar  .arrow{ display: none; }

        .app-container.collapsed .sidebar  .fake-button{

            border-radius: 4px!important;
        }

         .app-container.collapsed .sidebar  .fake-button{
                display: inline-block;
            }

        .app-container.collapsed .sidebar  .sidebar-search{
            padding: 20px 10px 0;
        }

        .app-container.collapsed .sidebar  .user-profile p{
            display:none;
        }

            .app-container.collapsed .sidebar  .user-profile:before{
                content: '';
            }

            .app-container.collapsed .sidebar   .user-profile-holder{
                width: 60px;
                margin: 0;
             }



@media (min-width: 1600px) {
    .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 {
        float:left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 971px) and (max-width: 1599px) {
    .col-dk-1,.col-dk-10,.col-dk-11,.col-dk-12,.col-dk-2,.col-dk-3,.col-dk-4,.col-dk-5,.col-dk-6,.col-dk-7,.col-dk-8,.col-dk-9 {
        float:left
    }

    .col-dk-12 {
        width: 100%
    }

    .col-dk-11 {
        width: 91.66666667%
    }

    .col-dk-10 {
        width: 83.33333333%
    }

    .col-dk-9 {
        width: 75%
    }

    .col-dk-8 {
        width: 66.66666667%
    }

    .col-dk-7 {
        width: 58.33333333%
    }

    .col-dk-6 {
        width: 50%
    }

    .col-dk-5 {
        width: 41.66666667%
    }

    .col-dk-4 {
        width: 33.33333333%
    }

    .col-dk-3 {
        width: 25%
    }

    .col-dk-2 {
        width: 16.66666667%
    }

    .col-dk-1 {
        width: 8.33333333%
    }

    .col-dk-pull-12 {
        right: 100%
    }

    .col-dk-pull-11 {
        right: 91.66666667%
    }

    .col-dk-pull-10 {
        right: 83.33333333%
    }

    .col-dk-pull-9 {
        right: 75%
    }

    .col-dk-pull-8 {
        right: 66.66666667%
    }

    .col-dk-pull-7 {
        right: 58.33333333%
    }

    .col-dk-pull-6 {
        right: 50%
    }

    .col-dk-pull-5 {
        right: 41.66666667%
    }

    .col-dk-pull-4 {
        right: 33.33333333%
    }

    .col-dk-pull-3 {
        right: 25%
    }

    .col-dk-pull-2 {
        right: 16.66666667%
    }

    .col-dk-pull-1 {
        right: 8.33333333%
    }

    .col-dk-pull-0 {
        right: auto
    }

    .col-dk-push-12 {
        left: 100%
    }

    .col-dk-push-11 {
        left: 91.66666667%
    }

    .col-dk-push-10 {
        left: 83.33333333%
    }

    .col-dk-push-9 {
        left: 75%
    }

    .col-dk-push-8 {
        left: 66.66666667%
    }

    .col-dk-push-7 {
        left: 58.33333333%
    }

    .col-dk-push-6 {
        left: 50%
    }

    .col-dk-push-5 {
        left: 41.66666667%
    }

    .col-dk-push-4 {
        left: 33.33333333%
    }

    .col-dk-push-3 {
        left: 25%
    }

    .col-dk-push-2 {
        left: 16.66666667%
    }

    .col-dk-push-1 {
        left: 8.33333333%
    }

    .col-dk-push-0 {
        left: auto
    }

    .col-dk-offset-12 {
        margin-left: 100%
    }

    .col-dk-offset-11 {
        margin-left: 91.66666667%
    }

    .col-dk-offset-10 {
        margin-left: 83.33333333%
    }

    .col-dk-offset-9 {
        margin-left: 75%
    }

    .col-dk-offset-8 {
        margin-left: 66.66666667%
    }

    .col-dk-offset-7 {
        margin-left: 58.33333333%
    }

    .col-dk-offset-6 {
        margin-left: 50%
    }

    .col-dk-offset-5 {
        margin-left: 41.66666667%
    }

    .col-dk-offset-4 {
        margin-left: 33.33333333%
    }

    .col-dk-offset-3 {
        margin-left: 25%
    }

    .col-dk-offset-2 {
        margin-left: 16.66666667%
    }

    .col-dk-offset-1 {
        margin-left: 8.33333333%
    }

    .col-dk-offset-0 {
        margin-left: 0
    }
}

@media (max-width: 768px){
    .left-25 {
        transform: none;
    }
}

.label-blue {
        color: #225a80;
}