@font-face {
        font-family: 'JLREmeric';
        src: url('fonts/JLREmeric-ExtraLight.eot');
        src: url('fonts/JLREmeric-ExtraLight.eot?#iefix') format('embedded-opentype'),
             url('fonts/JLREmeric-ExtraLight.woff') format('woff'),
             url('fonts/JLREmeric-ExtraLight.ttf') format('truetype'),
             url('fonts/JLREmeric-ExtraLight.svg') format('svg');
        font-weight: 300;
        font-style: normal;
    }
    @font-face {
        font-family: 'JLREmeric';
        src: url('fonts/JLREmeric-Regular.eot');
        src: url('fonts/JLREmeric-Regular.eot?#iefix') format('embedded-opentype'),
             url('fonts/JLREmeric-Regular.woff') format('woff'),
             url('fonts/JLREmeric-Regular.ttf') format('truetype'),
             url('fonts/JLREmeric-Regular.svg') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'JLREmeric';
        src: url('fonts/JLREmeric-SemiBold.eot');
        src: url('fonts/JLREmeric-SemiBold.eot?#iefix') format('embedded-opentype'),
             url('fonts/JLREmeric-SemiBold.woff') format('woff'),
             url('fonts/JLREmeric-SemiBold.ttf') format('truetype'),
             url('fonts/JLREmeric-SemiBold.svg') format('svg');
        font-weight: bold;
        font-style: normal;
    }





    html, body{background-color: #fafafa;}
    body{
        font-family: 'JLREmeric';
        font-size: 14px;
        line-height: 1.42857143;
        font-weight: 400;
    }


/*************************************************************************************************************
    General Clases
*************************************************************************************************************/

    .container{max-width: 1920px;width: 100%;padding: 0;/* position: relative; */margin: 0 auto;}
    a { color:#474747;}
    a:focus, a:hover{color: #9c9fa0; text-decoration: none;}
    .error{color: red}
    .small{/* font-size: 80%; */}
    legend{border-bottom: 0}


    .btn-group-center{text-align: center;}
    .btn-group-center .btn{display: inline-block;margin-bottom: 5px;margin-top: 10px;width: 100%;text-transform: uppercase;}

    .form-control{background: #fff;border-radius: 0;}
    .form-control-static{padding: 0}
    .validate_error{text-transform: none;color: #da0000;font-size: 12px;line-height: 1.2;font-weight: 400;padding: 5px 0;display: inline-block;}

    .display-t { display: table; width: 100%; height: 100%; }
    .display-t > .display-tc {display: table-cell;vertical-align: middle;width: 100%;/* text-align: center; */}

    .align-top,
    .display-tc.align-top {vertical-align: top; }
    .align-middle,
    .display-tc.align-middle {vertical-align: middle; }
    .align-bottom,
    .display-tc.align-bottom {vertical-align: bottom; }

    .op-50 { opacity: 0.50; }
    .row.no-gutters { }
    .row.no-gutters > [class*="col-"]{ padding-right: 0; padding-left: 0 }
/**
 * Color / Backgrounds
 */

    .color-brand {color: #5b788f}
    .color-white {color: #fff}

    .bg-brand {background-color: #5b788f}
    .bg-gray {background-color: #c4c4c4}
    .bg-accent {background-color: #bd845b}
    .bg-light-gray {background-color: #e8e9ea}
/**
 * Botton
 */

    .btn{border-radius: 0;transition: all .2s linear;}
    .btn:hover, .btn:active{outline: 0}

    .btn-grayLight{background-color: #9ca0a3;color: #fff;}
    .btn-grayLight.focus,
    .btn-grayLight:focus,
    .btn-grayLight:hover {color: #fff; text-decoration: none; background-color: #CACFD0; }

    .btn-brand{background-color: #5b788f;color: #fff;letter-spacing: 2px;border-radius: 8px;}
    .btn-brand.focus,
    .btn-brand:focus,
    .btn-brand:hover {color: #fff; text-decoration: none; background-color: #97b1c6; }

    .btn-denied{background-color: #9e1b32;color: #fff;letter-spacing: 2px;border-radius: 8px;}
    .btn-denied.focus,
    .btn-denied:focus,
    .btn-denied:hover {color: #fff; text-decoration: none; background-color: #97b1c6; }

    .btn-success{background-color: #005a2b;color: #fff;letter-spacing: 2px;border-radius: 8px;border-color: transparent;}
    .btn-success.focus,
    .btn-success:focus,
    .btn-success:hover {color: #fff;text-decoration: none;background-color: #97b1c6;border-color: transparent;}

    .btn-edit{background-color: #c5ad7e;color: #fff;letter-spacing: 2px;border-radius: 8px;border-color: transparent;}
    .btn-edit.focus,
    .btn-edit:focus,
    .btn-edit:hover {color: #fff;text-decoration: none;background-color: #97b1c6;border-color: transparent;}

    .btn-grayDark{background-color: #707174;color: #fff;letter-spacing: 2px;}
    .btn-grayDark.focus,
    .btn-grayDark:focus,
    .btn-grayDark:hover {color: #fff; text-decoration: none; background-color: #9c9fa0; }
    .btn-grayDark[type="submit"],
    .btn-grayDark.enviar {height: 50px;font-size: 17px;min-width: 220px;vertical-align: middle;line-height: 50px;padding: 0 20px;}
    .btn-grayDark[type="submit"]:after,
    .btn-grayDark.enviar:after,
    .btn-grayDark.panel-title:after {content: '';display: inline-block; margin-left: 10px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid white; }

    .btn-switch, .btn-logout{color: #fff;text-transform: uppercase;display: inline-block;padding: 5px 0;text-align: right;}
    .btn-switch:hover, .btn-logout:hover{color: #000; text-decoration: none;}
    .btn-switch:before, .btn-logout:before {/* content: ''; *//* display: inline-block; *//* margin-right: 8px; *//* width: 0; *//* height: 0; *//* border-top: 4px solid transparent; *//* border-bottom: 5px solid transparent; *//* border-left: 5px solid white; */}

    .link.ir{}
    .link.ir:after{content: '';display: inline-block;margin-left: 10px;width: 0;height: 0;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #707174;}
    .icon-ok {background: url(../img/icons/icon-ok.png)  center center;background-repeat: no-repeat;display: inline-block;height: 30px;width: 30px;vertical-align: middle;/* margin-top: 4px; */margin: 0 5px; }
    .icon-arrow-left {background: url(../img/icons/icon-arrow-left.png)  center center; background-repeat: no-repeat; display: inline-block; height: 20px; width: 20px; vertical-align: middle; margin-top: -2px; }

/**
 * Forms
 */

    input:-webkit-autofill {background-color: #fff!important; -webkit-box-shadow: 0 0 0px 1000px white inset; transition: background-color 5000s ease-in-out 0s; background-clip: content-box; }
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
        background-color: #fff!important; -webkit-box-shadow: 0 0 0px 1000px white inset; transition: background-color 5000s ease-in-out 0s; background-clip: content-box; }
    .form-control-static,
    .form-control {border: none;border-radius: 0;outline: none;height: 40px;width: 100%;margin: 0 0 15px 0;transition: all 0.3s;font-weight: bold;color: #5a778f;padding: 6px 24px;box-shadow: none;white-space: normal;word-break: break-all;}
    .form-control-static {padding-top: 15px}

    .form-control-static,
    .form-control{height: 60px; border: 0; }
    .checkbox-input {
        height: 60px;
        text-align: center;
        padding: 22px 24px 10px 24px;
        margin-bottom: 18px;
    }
    .form-textarea .form-control-static,
    textarea.form-control {height: auto; border: 2px solid #e8e9ea; padding: 25px; }

    input:not([type])+label:after,
    input[type=text]+label:after,
    input[type=password]+label:after,
    input[type=email]+label:after,
    input[type=url]+label:after,
    input[type=time]+label:after,
    input[type=date]+label:after,
    input[type=datetime]+label:after,
    input[type=datetime-local]+label:after,
    input[type=tel]+label:after,
    input[type=number]+label:after,
    input[type=search]+label:after,
    textarea+label:after,
    select+label:after, {display: block; content: ""; position: absolute; top: 60px; opacity: 0; transition: .2s opacity ease-out, .2s color ease-out; }




    .form-control:focus{/* border: 0; */outline: 0;box-shadow: none;border-color: #c4c4c4;}

    .error-message {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
        padding: 5px 10px;
        font-size: 14px;
    }
    .error-message ul {
        list-style: none;
    }

    @media (max-width: 767px) {
        .form-control-static,
        .form-control{height: auto; margin-bottom: 10px;  }
    }
/**
 * Radio button
 */

    .radio-style {margin-bottom: 10px;margin-bottom: 10px;position: relative;margin-top: 1em;}
    .radio-style input[type="radio"] {display: none; }
    .radio-style input[type="radio"] + label {/* font-size: 14px; */padding-left: 35px;position: relative;font-weight: 400;line-height: 16px;padding-right: 15px;margin-bottom: 6px;}
    .radio-style input[type="radio"] + label:before {content: ''; display: inline-block; width: 20px; height: 20px; margin: -2px 4px 0 0; vertical-align: middle; cursor: pointer; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid #1e1e1e; position: absolute; left: 0; }
    .radio-style input[type="radio"]:checked + label:after {content: ''; background-color: #5b788f; position: absolute; top: 3px; left: 5px; width: 10px; height: 10px; margin: 0; vertical-align: middle; -moz-border-radius: 50%; border-radius: 50%; }
    .radio-style input[type="radio"]:checked + label:after{-webkit-transition: background-color 0.4s linear; -o-transition: background-color 0.4s linear; -moz-transition: background-color 0.4s linear; transition: background-color 0.4s linear; }
    .radio-style input[type="radio"]:checked + label:after{}

    .radio-style + .radio-style {margin-top: 10px; margin-left: 0; margin-right: 10px}


    .checkbox-style {margin-bottom: 10px;margin-bottom: 10px;position: relative;margin-top: 1em;}
    .checkbox-style input[type="checkbox"] {display: none; }
    .checkbox-style input[type="checkbox"] + label {/* font-size: 12px; */padding-left: 35px;position: relative;font-weight: 400;line-height: 16px;padding-right: 15px;margin-bottom: 10px;margin-top: 10px;cursor: pointer;}
    .checkbox-style input[type="checkbox"] + label > span {display: inline-block;width: 18px;height: 18px;margin: -1px 4px 0 0;vertical-align: middle;cursor: pointer;-moz-border-radius: 50%;border-radius: 0;border: 2px solid rgba(91,91,95,0.2);position: absolute;left: 0;top: 0px;}
    .checkbox-style input[type="checkbox"]:checked + label span > span {background-color: #9E9E9E;position: absolute;top: 5%;left: 5%;width: 90%;height: 90%;margin: 0;vertical-align: middle;-moz-border-radius: 50%;border-radius: 0;}
    .checkbox-style input[type="checkbox"] + label > span,
    .checkbox-style input[type="checkbox"]:checked + label span > span{ -webkit-transition: background-color 0.4s linear; -o-transition: background-color 0.4s linear; -moz-transition: background-color 0.4s linear; transition: background-color 0.4s linear; }
    .checkbox-style input[type="checkbox"]:checked + label span > span{left: 2px;top: 2px;width: 10px;height: 10px;}

    .custom-checkbox {display: inline-block;width: 20px;height: 20px;border: #D9DEE0 1px solid;position: relative;vertical-align: bottom;}
    .custom-checkbox input {margin: 0;display: block;width: 100%;height: 100%;position:absolute;top: 0;left: 0;z-index: 1;opacity: 0;}
    .custom-checkbox span { position: absolute; top: 15%; left: 15%; width: 70%; height: 70%; z-index: 0; display: inline-block; opacity: 0; transition: all 0.3s; transform: scale(0.1); background: #5b788f;}
    .custom-checkbox input:checked ~ span {opacity: 1;transform: scale(1);}

    .btn-checkbox{background: #707174;padding: 0px 15px;display: inline-block;color: #fff;text-transform: uppercase;letter-spacing: 2px;/* top: 1px; */}
    .btn-checkbox.checkbox-style input[type="checkbox"] + label{padding-left: 0px; padding-right: 45px; }
    .btn-checkbox.checkbox-style input[type="checkbox"] + label > span{left: auto;right: 0px;border-color: #fff;}
    .btn-checkbox.checkbox-style input[type="checkbox"]:checked + label span > span {background-color: #ffffff;}


    .btn-box, .info-box{background: #fff;padding: 0px 15px;display: inline-block;color: #fff;text-transform: uppercase;letter-spacing: 2px;/* top: 1px; */color: #9c9fa0;display: block;margin: 0;padding: 6px 12px 0 12px;margin-bottom: 15px;}
    .btn-box p{margin-bottom: 6px}


/**
 *  Upload file button
 */
    .custom-file-upload {display: block;width: auto;font-size: 16px;margin-bottom: 20px;/* cursor: pointer; */}
    .custom-file-upload-hidden {position: absolute;opacity: 0;width: 100%;height: 100%;z-index: 1;font-weight: 300;font-size: 1;}

    .custom-file-upload .file-upload-wrapper {position: relative;margin-bottom: 5px; font-size: 12px; color: #bd845b;}
    .custom-file-upload .file-upload-name {font-size: 12px; color: #bd845b;padding-left: 20px;}
    .custom-file-upload.multiple .file-upload-name { cursor: pointer; }
    .custom-file-upload.multiple .file-upload-name:after { content: "\f05e"; font-family: FontAwesome; color: red; font-size: 16px; vertical-align: middle; margin-left: 5px; display: inline-block;}

    .custom-file-upload .file-upload-button {cursor: pointer;display: inline-block;color: #fff;padding: 2px;border: none;margin-left: -1px;background-color: #bd845b;transition: all 0.2s ease-in;left: 0;top: 0;border-radius: 20px;display: inline-block;}
    .custom-file-upload .file-upload-button .text {padding: 5px 12px;padding-bottom: 10px;background-color: #fff;color: #bd845b;border-radius: 0 20px 20px 0;display: inline-block;font-size: 14px;transition: all 0.2s ease-in;vertical-align: middle;padding-bottom: 5px;}
    .custom-file-upload  .file-upload-button:hover {background-color: #c9cbcd; }
    .custom-file-upload  .file-upload-button:hover .text {color: #c9cbcd; }

    .custom-file-upload .icon-upload {background: url(../img/icons/icon-upload.png)  center center;background-repeat: no-repeat;display: inline-block;height: 24px;width: 20px;vertical-align: middle;/* margin-top: 4px; */margin: 0 5px;}
  .custom-file-upload.uploaded { cursor: pointer; }
  .custom-file-upload.uploaded .file-upload-wrapper { display: none; }

    .addFileUpload { font-size: 30px;  color: #bd845b;}

/**
 * Nuevo usuario buttons
 */
    .register-button {cursor: pointer;display: inline-block;color: #fff;padding: 2px;border: none;margin-left: -1px;background-color: #5b788f;transition: all 0.2s ease-in;left: 0;top: 0;border-radius: 20px;display: inline-block;}
    .register-button .text {padding: 5px 12px;padding-bottom: 10px;background-color: #fff;color: #5b788f;border-radius: 0 20px 20px 0;display: inline-block;font-size: 14px;transition: all 0.2s ease-in;vertical-align: middle;padding-bottom: 5px;}
    .register-button .icon-add {background: url(../img/icons/icon-add.png)  center center;background-repeat: no-repeat;display: inline-block;height: 24px;width: 40px;vertical-align: middle;/* margin-top: 4px; */margin: 0 5px;}


    @media (max-width: 768px){
        .register-button {}
        .register-button .icon-add { position: absolute; left: 0; top: 50%; margin-top: -20px; height: 40px; margin-left: 0; margin-right: 0;  }
        .register-button .text { margin-left: 40px; line-height: 1; text-align: center; }

    }
/**
 * Table
 */
    .full-table{position: relative;margin-left: -15px;margin-right: -15px;overflow: hidden;}
    table a{color:#5D5D5D}
    table.list{position: relative;border: 0;color: #5b5b5f;margin-top: -1px!important;width: 100%;max-width: 100%;margin-bottom: 20px;/* margin-left: -15px; *//* margin-right: -15px; */}
    /*table.list tbody tr:first-child td .cell{ padding-top: 32px; }*/
    table.list tbody tr td{border: 1px solid #e8e9ea;border-right: 0;}
    table.list tbody tr td .call, table.list tbody tr td.all{padding: 0.5rem 1rem;}
    table.list tbody tr td:last-child{}
    table.list tbody {background-color: #fff;}
    table.list th{background: #e8e9ea;cursor: pointer;text-transform: uppercase;font-size: 16px;color: #1e1e1e;font-weight:normal;text-align: left;height: auto;font-weight: 600;letter-spacing: 1px;min-height: 100px;}
    table.list td {line-height: 2;/* text-align:center; */font-size: 14px;margin: 0;}
    table.list .status-actions .icon .icon{color: inherit; opacity: .3;}
    table.list .status-signed .status-text,
    table.list .status-signed .icon-approved .icon,
    table.list .status-processed .status-text,
    table.list .status-processed .icon-approved .icon {color: #005a2b; opacity: 1;}
    table.list .status-approved .status-text,
    table.list .status-rectified .status-text,
    table.list .status-approved .icon-processed .icon,
    table.list .status-rectified .icon-processed .icon{color: #bd845b; opacity: 1;}
    table.list .status-invalid .status-text,
    table.list .status-invalid .icon-awaiting .icon{color: #bd845b; opacity: 1;}
    table.list .status-rejected .status-text,
    table.list .status-rejected .icon-denied .icon{color: #9e1b32; opacity: 1;}
    table.dataTable thead>tr>th.sorting_asc,
    table.dataTable thead>tr>th.sorting_desc,
    table.dataTable thead>tr>th.sorting,
    table.dataTable thead>tr>td.sorting_asc,
    table.dataTable thead>tr>td.sorting_desc,
    table.dataTable thead>tr>td.sorting{
        padding-top: 1.5rem; padding-left:1rem; padding-bottom:  1.5rem; padding-right: 1rem;
    }
    table.dataTable thead > tr > [data-name="id"],
    table.dataTable thead > tr > [data-name="dealer"],
    table.dataTable thead > tr > [data-name="date"],
    table.dataTable thead > tr > [data-name="registration"],
    table.dataTable thead > tr > [data-name="reference"] {
        width: 20px !important;
    }

    table.dataTable tbody tr.odd td {
        background: #ffffff !important;
    }
    table.dataTable tbody tr.even td {
        background: rgba(91, 120, 143, 0.15) !important;
    }
    table.dataTable tbody tr:hover > td {
        background: rgba(91, 120, 143, 0.3) !important;
    }

    table.dataTable>tbody>tr.child {

    }
    table.dataTable>tbody>tr.child td {
        padding: 0;
    }
    table.dataTable>tbody>tr.child ul.dtr-details {
        width: 100%;

    }
    table.dataTable>tbody>tr.child ul.dtr-details li {
        padding: 5px 10px;
    }

    @media (max-width: 480px){
        table.list tbody tr td,
        table.dataTable thead>tr>th.sorting_asc,
        table.dataTable thead>tr>th.sorting_desc,
        table.dataTable thead>tr>th.sorting,
        table.dataTable thead>tr>td.sorting_asc,
        table.dataTable thead>tr>td.sorting_desc,
        table.dataTable thead>tr>td.sorting{
            padding-left: 2rem;
            padding-right: 2rem;
        }
    }

    table.dataTable input[type="checkbox"] {
        width: 20px;
        height: 20px;
    }
    .no-sort::after { display: none!important; }

    .no-sort { pointer-events: none!important; cursor: default!important; }
    .no-sort input { pointer-events: auto !important; }

/*
 * Especial Select
 */
    .select2-container .select2-selection--single,
    .select2-container--default .select2-selection--single,
    .select2-container--default .select2-selection--single .select2-selection__rendered{background-color: #fff;border: none;border-radius: 0;outline: none;height: 70px;width: 100%;font-size: 20px;/* margin: 0 0 30px 0; */transition: all 0.3s;font-weight: bold;color: #5b5b5f;font-weight: 300;text-align: center;line-height: 70px;}
    .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 60px; vertical-align: middle; }
    .select2-dropdown{border: 0}
    .select2-search--dropdown{padding: 0 5px}
    .select2-search--dropdown .select2-search__field{ }
    .select2-container--default .select2-search--dropdown .select2-search__field{height: 40px;margin-bottom:  5px;/* width: 93%; */}

/*
 * Datapicker
 */
    .ui-datepicker {width: 310px;background: #fff;border: 1px solid #f3f3f3;padding: 15px;display: none; z-index: 10!important}
    table.ui-datepicker-calendar{width: 100%;text-align: center;}
    table.ui-datepicker-calendar th, table.ui-datepicker-calendar td {text-align: center;}
    .ui-datepicker-header{position: relative;}
    .ui-datepicker-prev{position: absolute;top: 10px;left: 0px;text-transform: uppercase;line-height: 18px;display: inline-block;text-align: center;cursor: pointer;}
    .ui-datepicker-next{position: absolute;top: 10px;right: 0px;text-transform: uppercase;line-height: 18px;display: inline-block;text-align: center;cursor: pointer;}
    .ui-datepicker-title{text-align: center;text-transform: uppercase;letter-spacing: 2px;margin-bottom: 10px;padding: 10px 4px;}
    .ui-datepicker-unselectable,
    .ui-state-disabled {opacity: 0.3}
    .ui-datepicker-current-day {color: #fff;outline: 1px solid #9c9fa0;}


/*************************************************************************************************************
    HTML COMPONENTS
*************************************************************************************************************/

/**
 * Componente :: Header
 */

    header {height: 130px;background: white;position: relative;}
    header .logo {height: 100%;display: block;float: left;max-width: 366px;width: 100%;text-align: center;position: absolute;top: 0;left: 0;z-index: 1;background: #ffffff;}
    header .logo img {/*! width: 100%; */max-width: 100%;/*! padding: 30px 30px; */display: inline-block;}
    header .header-nav{/*! float: left; */position: relative;width: 100%;background: url('../img/bg-header.png') 366px top no-repeat;background-size: cover;height: 100%;padding-left: 366px;}

    header .header-nav .item {/* width: 50%; */border-left: #edf1f1 1px solid;transition: all 0.5s;letter-spacing: 1.8px;text-align: left;text-transform: uppercase;font-size: 9px;font-weight: 300;}
    header .title{font-size:30px;line-height: 1;padding: 0 0 0 50px;text-transform: none;display: block;color: #707275;}
    header .title span{display: inline-block;max-width: 30%;}
    header .title .brand{text-transform: uppercase;font-size: 12px;font-weight: bold;}
    header .title h1 {font-size: 40px;color: #1e1e1e;font-weight: 300;margin: 0;}

    header .quick-links{font-size: 12px;letter-spacing: 0.1em;width: auto;width: 100%;position: absolute;right: 0;width: 50%;/* border-left: 1px solid #e8e8e9; */max-width: 314px;height: 130px;top: 0;}
    header .quick-links .upper-row{height: 50%;background-color: rgba(156, 159, 160, 0.8);color: #fff;font-size: 11px;margin: 0;padding: 0 40px;}

    header .quick-links .upper-row .user{width: 100%;float: right;}
    header .quick-links .upper-row .user .text{display: inline-block;margin: 0;margin-right: 20px;}
    header .quick-links .upper-row .app .name{color: black}
    header .quick-links .upper-row .user .name{color: #000;font-weight: bold;}
    header .quick-links .upper-row .user a.name:hover { text-decoration: underline; }

    header .quick-links .below-row{height: 50%;background-color: rgba(156, 159, 160, 0.8);color: #707275;font-size: 11px;margin: 0;padding: 0 40px;}
    header .quick-links .below-row .left{float: left;width: 50%;height: 100%;background: #faf9f9;}
    header .quick-links .below-row .right{float: right;width: 50%;border-left: 1px solid #c9cbcd;background: #e8e8e9;}
    header .quick-links .below-row .user {background: none; border:  0;}
    header .quick-links .below-row a{width: 100%;display: block;text-align: left;text-decoration: none;position: relative;/* height: 80px; *//* line-height: 80px; */padding: 0px 5px;/* border-bottom: 1px solid; *//* border-right: 1px solid; */transition: background-color 0.4s, border-color 0s;/* display: block; */}
    header .quick-links .below-row a > span{vertical-align: middle;display: inline;}
    header .quick-links .below-row a::before,   header .quick-links .below-row a::after {content: "";width: 1px;height: 1px;position: absolute;bottom: -7px;left: 5px;}
    header .item:hover { background: #edf1f1; }
    header .item.last { }
    header .quick-links .below-row .user-logout .icon {font-size: 21px;vertical-align: middle;}


    @media (max-width: 1199px){

        header {height: auto;overflow: hidden;}
        header .logo {min-width: auto;/*! width: 20%; height: 200px; *//*! position: static; *//*! float: left; */max-width: 300px;height: 104px;}
        header .logo img {padding:10px 20px; max-width: 180px;   }
        header .header-nav{float: left;position: relative;/*! width: 80%; */padding-left: 300px;background-position: 300px top;/*! height: auto; */}

        header .header-nav .item {width: 100%;/* border-left: #edf1f1 1px solid; */display: block;/* padding: 10px 0; */}
        header .title{/* padding: 10px; *//* font-size:30px; */display: block;padding-top: 15px;padding-bottom: 15px;}
        header .title span{max-width: 100%; }

        header .quick-links{font-size: 14px;letter-spacing: 4px;width: auto;width: 100%;position: relative;float: left;margin: 0;padding: 0;max-width: 100%;height: auto;}
        header .quick-links .upper-row{height: 54px;background-color: #9c9fa0;color: #fff;font-size: 11px;margin: 0;/* padding: 10px; */width: 70%;float: left;}
        header .quick-links .upper-row .app{background-color: #c9cbcd;float: left;width: 50%;/* padding: 15px 20px; */text-align: center;overflow: hidden;/* height: 75px; */}
        header .quick-links .upper-row .user{background-color: #9c9fa0;/* float: left; *//* width: 50%; *//* padding: 15px 20px; *//* text-align: center; */}

        header .quick-links .below-row{height: 54px;width: 30%;float: left; text-align: right;}
        header .quick-links .below-row .user{/* float: left; *//* width: 50%; *//* padding: 15px 20px; */text-align: center;}
        header .quick-links .below-row .left{float: left;width: 50%;height: 100%;}
        header .quick-links .below-row .right{float: right;width: 50%;border-left: 1px solid #c9cbcd;}
        header .quick-links .below-row a{width: 100%;display: block;text-align: right;/* text-decoration: none; *//* position: relative; */height: 50px;line-height: 50px;/* padding: 0px 5px; *//* border-bottom: 1px solid; *//* border-right: 1px solid; *//* transition: background-color 0.4s, border-color 0s; *//* display: block; */}
        header .quick-links .below-row a > span{vertical-align: middle;display: inline;}
        header .quick-links .below-row a::before,   header .quick-links .below-row a::after {content: ""; width: 1px; height: 1px; position: absolute; bottom: -1px; left: -1px; }
        header .item:hover {width: 100%;}
        header .item.last { }

    }

    @media (max-width: 991px){

        header {height: auto;overflow: hidden;}
        header .logo {width: 40%; position: static; height: 76px; }
        header .logo img {padding:10px 20px; max-width: 220px; width: 100%; }
        header .header-nav{width: 60%;padding-left: 0;background-position: left top; height: 76px;  }
        header .title{font-size: 20px; padding-left: 20px;}
        header .title h1 {font-size: 24px}
        header .quick-links .upper-row{width: 60%; padding: 0 25px; height: 40px;}
        header .quick-links .below-row{width: 40%; padding: 0 10px; height: 40px;}
        header .quick-links .below-row a {line-height: 38px;}
    }

     @media (max-width: 640px) {
        header .header-nav,
        header .logo { height: 56px; }
        header .title { padding-bottom: 8px; padding-top: 8px; }
        header .title .brand { font-size: 10px; }
        header .title h1 {font-size: 18px}
     }


    .header-top{position: absolute;right: 0px;top: 64px;width: 50%;max-width: 820px;    border-bottom: 1px solid #fff;}
    .header-top .below-row{height: 70px;/* background-color: #e8e8e9; *//* color: #707275; *//* font-size: 14px; *//* margin: 0; *//* overflow: hidden; */}
    .header-top .below-row .left{float: left;width: 50%;height: 100%;background: #faf9f9;}
    .header-top .below-row .right{float: right;width: 50%;border-left: 1px solid #c9cbcd;background: #e8e8e9;}
    .header-top .below-row a{width: 100%;/* display: block; *//* text-align: center; */text-decoration: none;/* position: relative; */height: 70px;line-height: 70px;/* padding: 0px 5px; *//* border-right: 1px solid; *//* transition: background-color 0.4s, border-color 0s; */display: block;text-align: center;text-transform: uppercase;letter-spacing: 2px;vertical-align: middle;}
    .header-top .below-row a > span{vertical-align: middle;display: inline;}
    .header-top .below-row a::before,   header .quick-links .below-row a::after {content: ""; width: 1px; height: 1px; position: absolute; bottom: -1px; left: -1px; }

    .header-top .below-row .left .select2-container .select2-selection--single,
    .header-top .below-row .left .select2-container--default .select2-selection--single,
    .header-top .below-row .left .select2-container--default .select2-selection--single .select2-selection__rendered{background: #e8e8e9;}

    @media (max-width: 1199px){
        .header-top{position: relative;right: 0px;top: 0;width: initial;margin-right: -15px;margin-left: -15px;overflow: hidden;max-width: none;}
    }
    @media (max-width: 991px){}
    @media (max-width: 640px){}



/*
 * Componente :: Footer
 */
    .fake-footer{display: block; height: 80px; position: relative; }
    .footer-site.fixed-bottom {position: fixed; width: 100%; left: 0; bottom: 0; background: #fff; box-shadow: 0px 0 40px rgba(0,0,0, 0.02); z-index: 10; min-height: 50px; }
    .footer-site .btn-action {display: block; border-radius: 0; height: 52px; font-size: 18px; padding-top: 12px; padding-bottom: 12px; }
    .footer-site .btn-action .icon {font-size: 14px; vertical-align: middle; }
    .footer-site .footer-item {text-align: center; }
    .footer-site .footer-link {padding: 15px 20px; display: inline-block; font-weight: 300; font-size: 12px; line-height: 1; }
    .footer-site .footer-link .icon {display: inline-block; margin: 0 5px; font-size: 21px; vertical-align: middle; }
    .footer-site .footer-link .icon-mail-o {top: 2px; position: relative; }
    .footer-site .link-contact {font-size: 18px }

    @media (max-width: 1200px){
        .footer-site .link-contact {font-size: 14px; }
    }
    @media (max-width: 991px){
        .fake-footer {height: 150px; }
        .footer-site .btn-action {font-size: 14px; }
        .footer-site .btn-action .icon {font-size: 10px; }
        .footer-site.fixed-bottom { box-shadow: 0px 0 10px rgba(0,0,0, 0.2);}
    }

    @media (max-width: 480px){
        .footer-site .footer-link {padding: 5px; font-size: 10px; text-transform: uppercase; line-height: 1;}
        .footer-site .footer-link .icon {display: block; height: 18px; font-size: 16px; vertical-align: middle; }
        .footer-site.fixed-bottom { min-height: 40px; }
    }
    @media (max-width: 380px){

    }

/*
 * Componente :: Login Box
 */
    .login-box{margin: 0 auto; margin-top: 200px; margin-top: 20vh; max-width: 340px; width: 100%; }
    .login-box .actions{margin-bottom: 1em;margin-top: 4rem;}
    .login-box .actions .link{text-decoration: underline;color: #5b788f;font-weight: bold;letter-spacing: 1px;margin: 7px 0;display: inline-block;}
    .login-box .input-field label {position: relative; height: auto; text-align: left; font-size: 14px; color : #1e1e1e; font-weight: bold; padding-left: 0; padding-right: 0; padding-top: 1rem; padding-bottom: 1rem; }
    .login-box .input-field label.active {text-align: left;line-height: 20px;font-size: 16px;}
    .login-box .btn-checkbox {height: 36px;width: 160px;top: 1px;/* float: left; */font-size: 10px;font-size: 12px;}
    .login-box .actions [type="submit"] {/* height: 36px; */width: 150px;/* float: right; *//* margin-left: 25px; */font-size: 12px;min-width: 0;line-height: 36px;height: 63px;}
    .login-box input:not([type]),
    .login-box input[type=text],
    .login-box input[type=password],
    .login-box input[type=email],
    .login-box input[type=tel],
    .login-box input[type=number],
    .login-box input[type=search] {height: 35px; width: 100%; font-size: 14px; margin-bottom: 40px; border: 3px solid #5b788f; border-radius: 4px; }
    .login-box legend{font-size: 15px;text-transform: uppercase;text-align: center;}
    .login-box .actions.row > *:first-child { padding-right: 0;}
    .login-box .actions.row > *:last-child { padding-left: 0;}

    @media (max-width: 991px){
        .login-box {margin: 0 auto; margin-top: 30px; padding-left: 25px; padding-right: 25px;  }
        .login-box .actions { margin-top: 15px; margin-bottom: 15px; }
        .login-box .actions [type="submit"] { height: auto; line-height: 24px; width: auto; min-width: 120px; }
        .login-box .input-field label { padding-top: 0; }
    }



/*
 * Componente :: switch Box
 */

    .switch-box{margin: 0 auto; margin-top: 200px; margin-top: 20vh; max-width: 540px; width: 100%; }
    .switch-box .actions{margin-bottom: 1em}
    .switch-box [type="submit"] {height: 36px;width: 150px;/* float: right; */margin-left: 25px; font-size: 12px; float: right; min-width: 0;       line-height: 36px;}
    .switch-box [type="submit"]:after{     border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid white; position: relative; top: 1px}



/*
 * Componente :: Status Actions
 */


    .status-actions{ font-size: 24px; margin-bottom: 0; }
    .status-actions li{  padding-left: 0.5rem; padding-right: 0.5rem; }
    .status-actions li.status-text{font-size: 14px;vertical-align: middle;}

    @media (max-width: 480px){
        .status-actions li.status-text { display: block; }
    }


/*
 * Componente :: Links Actions
 */


    .links-actions{ font-size: 14px; text-align: right; }
    .links-actions .icon{ font-size: 18px; margin-bottom: 0; display: inline-block; vertical-align: baseline;}
    .links-actions li{  padding-left: 0.5rem; padding-right: 0.5rem; }
    .links-actions a{ padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 10px;}
    .links-actions li.status-text{font-size: 14px;vertical-align: middle;}

    .links-actions .link-view:hover {color: #5b788f; }
    .links-actions .link-edit:hover {color: #c5ad7e; }
    .links-actions .link-delete:hover {color: #9e1b32; }

    @media (max-width: 480px){
        .status-actions li.status-text { display: block; }
    }



/**
 * Componente :: Table Actions
 */
    .table-actions {background: #e8e9ea;}


    /**
     * Table Filter
     */
    .table-filter {color: #5b5b5f;padding-top: 4rem;padding-bottom: 1rem;padding-left: 4rem;}

    .table-filter label {color: #5b5b5f;font-weight: 500;padding-right: 2rem;margin-top: 10px;margin-bottom: 10px;}
    .table-filter .radio-inline {color: #5b5b5f;font-weight: 500;font-size: 12px;line-height: 1.4;margin-top: 10px; }
    .table-filter .btn {border-radius: 0; text-transform: uppercase; letter-spacing: .25rem; margin-top: 8px; margin-bottom: 8px; margin-right: 15px;}
    .table-filter .btn .icon {font-size: 20px; margin-left: 5px; margin-right: 5px; display: inline-block; vertical-align: middle;}

    @media (max-width: 768px){
        .table-filter-wrapper { width: 100%; overflow-x: auto; }
        .table-filter {  display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap;padding-left: 15px; padding-right: 15px; padding-top: 20px; }
        .table-filter .btn { margin-right: 8px;  margin-left: 8px; font-size: 12px; letter-spacing: .15rem;}
        .table-filter .btn .icon {font-size: 14px; }
        .table-filter .table-filter-form {display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap;padding-left: 15px; padding-right: 15px; }
        .table-filter .radio-inline  {min-width: 140px;}
        .table-filter .radio-style input[type="radio"] + label { margin-top: 0; }
    }

    /**
     * Table Quicklinks
     */
    .table-quicklinks {margin-right: 0; margin-left: auto}
    .table-quicklinks .row-upper{background-color: #fff;padding: 0 40px;height: 62px;line-height: 60px;font-weight: bold;}
    .table-quicklinks .row-upper .btn {max-width: 180px;display: inline-block;white-space: initial;padding-left: 45px;position: relative;text-align: left;font-size: 12px;line-height: 1.2;font-weight: 600;}
    .table-quicklinks .row-upper .btn .icon {font-size: 21px;margin-right: 8px;display: inline-block;position: absolute;left: 0;top: 50%;height: 24px;width: 40px;margin-top: -12px;text-align: center;}
    .table-quicklinks .row-lower{background-color: #c4c4c4;padding: 0 40px;height: 62px;}

    @media (max-width: 1600px){
        .table-quicklinks {position: relative;}
    }
    @media (max-width: 480px){
        .table-quicklinks .row-upper { height: 45px; line-height: 45px; }

        .table-quicklinks .row-upper,
        .table-quicklinks .row-lower{padding-left: 15px; padding-right: 15px; }
    }

/**
 * Componente :: Table home
 */
    .table-home {}
    .table-home .table-quicklinks{width: 314px; height: 100%;}
    .table-home table.list thead tr th:last-child {}

    @media (max-width: 991px){
        .table-home .table-quicklinks{width:100%;}
    }


/**
 * Componente :: Form Table search
 */
    .form-table-search {position: relative;padding: .5rem;}
    .form-table-search .form-group{margin-left: 40px;color: #525252;display: block;}
    .form-table-search .form-group small{ font-size: 10px; font-weight: bold }
    .form-table-search .form-control{margin-bottom: 0;box-shadow: none;padding: 0;height: 25px;font-weight: 300;display: block;width: 100%;background: transparent;color: #fff;}
    .form-table-search .btn-submit {display: inline-block; background-color: transparent; border: 0; font-size: 21px; position: absolute; width: 40px; height: 40px; top: 0; left: 0 }

    .form-table-search .form-control::-webkit-input-placeholder {color: #525252; font-weight: 300; }
    .form-table-search .form-control::-moz-placeholder {color: #525252; font-weight: 300; }
    .form-table-search .form-control:-ms-input-placeholder {color: #525252; font-weight: 300; }
    .form-table-search .form-control:-moz-placeholder {color: #525252; font-weight: 300; }

/**
 * Componente :: dataTable
 */

    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter {display: none; }

    table.dataTable thead .sorting:after,
    table.dataTable thead .sorting_asc:after,
    table.dataTable thead .sorting_desc:after,
    table.dataTable thead .sorting_asc_disabled:after,
    table.dataTable thead .sorting_desc_disabled:after { position: relative; display: inline-block; top: initial; bottom: initial; left: initial; right: initial; padding-left: 8px; padding-right: 8px }

    table.dataTable thead .sorting_asc,
    table.dataTable thead .sorting_desc,
    table.dataTable thead .sorting{background-image: none; }


    table.dataTable thead .sorting_desc:after{}
    table.dataTable thead .sorting_desc:after{}


    div.dataTables_wrapper div.dataTables_info {padding-left: 40px; padding-right: 15px}

    @media (max-width: 480px) {
        div.dataTables_wrapper div.dataTables_info {padding-left: 15px; padding-right: 15px; font-size: 10px;}
    }


/**
 * Componente :: Pagination
 */
    .pagination>.active>a,
    .pagination>.active>a:focus,
    .pagination>.active>a:hover,
    .pagination>.active>span,
    .pagination>.active>span:focus,
    .pagination>.active>span:hover {background-color: #5b788f }
    .dataTables_wrapper .dataTables_paginate {padding-left: 15px; padding-right: 40px; }
    .dataTables_wrapper .dataTables_paginate .paginate_button {padding: 0 }
    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {border: 0; background-color: transparent; }
    .dataTables_wrapper {display: block;width: 100%;padding-left: 15px;padding-right: 15px;}
    .dataTables_wrapper [class*="col-"]{padding-left: 0;padding-right: 0;}

    @media (max-width: 480px) {
        .dataTables_wrapper .dataTables_paginate {padding-left: 15px; padding-right: 15px}
        div.dataTables_wrapper div.dataTables_paginate {overflow: scroll;}
    }


/**
 * Componente :: Breadcrumbs
 */

    .breadcrumbs {height: 121px}
    .breadcrumbs .goback {/* line-height: 5px; */vertical-align: middle;display: inline-block;font-size: 12px;font-weight: bold;color: #525252;}
    .breadcrumbs .item {height: 100%;padding-top: .8rem;padding-bottom: .8rem;padding-left: 30px;padding-right: 8px;}
    .breadcrumbs .breadcrumbs-title h4 {font-size: 25px;letter-spacing: 10px;font-weight: 500;}

    @media (max-width: 1600px) {
        .breadcrumbs {height: 91px}
        .breadcrumbs .item:first-child {
            padding-left: 15px;
        }
    }
    @media (max-width: 1440px) {
        .breadcrumbs .breadcrumbs-title h4 {
            font-size: 21px;
        }
    }
    @media (max-width: 991px) {
        .breadcrumbs .breadcrumbs-title h4 {
            font-size: 18px;
        }
    }
    @media (max-width: 767px) {
        .breadcrumbs {height: 56px}
        .breadcrumbs .breadcrumbs-title h4 {
            font-size: 14px;
            letter-spacing: .5rem;
            line-height: 1;
        }
        .breadcrumbs .goback {
            font-size: 10px;
        }
        .breadcrumbs .icon-arrow-left {
            background-size: 60%;
        }

        .breadcrumbs .item:first-child {
            padding-left: 8px;
            padding-right: 8px;
        }
    }



/**
 * Componente :: Form Add / Edit / Action
 */

    .form-box{margin: 30px auto;position: relative;padding-bottom: 30px;margin-top: 100px;padding-left: 15px;padding-right: 15px;}
    .form-box .input-field {border: 2px solid #e8e9ea;margin-bottom: 40px;}
    .form-box .form-control {background-color: transparent; }

    .form-add .form-group .label-legend,
    .form-edit .form-group .label-legend {display: block;background-color: #e8e9ea;padding-top: 24px;padding-left: 24px;padding-right: 10px;padding-bottom: 18px;text-transform: uppercase;margin-bottom: 0;height: 60px;line-height: 1.2;}
    .form-add .submit-holder,
    .form-edit .submit-holder{margin-left: 15px;margin-right: 15px; position: absolute;bottom: 0;left: 100%;/*! min-width: 160px; */}
    .form-add .btn-submit,
    .form-edit .btn-submit {display: inline-block;max-width: 100%;height: 75px;border-radius: 20px;white-space: initial;line-height: 1;width: 180px;}
    .form-add .btn-submit span,
    .form-edit .btn-submit span {display: inline-block; vertical-align: middle; width: 60%; text-align: left; }

    form .action-holder {text-align: right; }
    form .help-block { font-size: 9px; bottom: 0; left: 0; width: 100%; margin: 0; text-transform: none; font-weight: normal; margin-top: 3px; display: inline-block; line-height: 1; }

  @media (max-width: 1199px) {
        .form-add .submit-holder, .form-edit .submit-holder {
            position: static;
        }
    }
  @media (max-width: 768px) {
    .form-box {margin-top: 10px;}
    .form-box .input-field { margin-bottom: 5px; }
    .form-add .btn-submit,
    .form-edit .btn-submit {height: auto;line-height: 1;width: 180px; border-radius: 10px;}
    .form-add .form-group .label-legend,
    .form-edit .form-group .label-legend {
        padding-top: 15px;
        padding-bottom: 15px;
        height: auto;
    }
  }



/**
 * Componente :: Actions List
 */
    .actions-list {text-align: right;  }
    .actions-list .action-holder,
    .actions-list .action-holder {display: inline-block; margin: 5px; }
    .actions-list .action-holder .btn .fa,
    .actions-list .action-holder .btn .icon {font-size: 24px; margin: 8px 8px 8px 10px; display: inline-block; vertical-align: middle; }
/**
 * Componente :: Legend Form
 */

    .legend-form {display: block; background-color: #5a778f; padding-top: 24px; padding-left: 24px; padding-right: 10px; padding-bottom: 18px; text-transform: uppercase; margin-bottom: 0; height: 60px; line-height: 1.2; font-size: 18px; color: #fff; margin-bottom: 20px; }
    @media (max-width: 768px) {
        .legend-form { height: auto; padding-top: 15px; padding-bottom: 15px; font-size: 14px; }
    }
/**
 * Componente :: Panel Brand
 */
    .panel-brand {border-radius: 0; border-color: #c5ad7e; border-width: 3px; }
    .panel-brand >.panel-heading {background-color: #c5ad7e; border-radius: 0; color: #fff; }

/**
 * Componente :: Comments application
 */

    .comments-application {margin: 0 auto;/* margin-top: 20px; */max-width: 600px;}

    @media (max-width: 1199px) {
        .comments-application {margin-top: 60px; }
    }

/**
 * Componente :: Comments application
 */

    .list-attachments {list-style: none; margin: 10px 0; padding: 0; }
    .list-attachments li {margin-bottom: 15px; display: inline-block; margin-right: 10px;max-width: 100%; }
    .list-attachments .attachemnt-link {max-width: 100%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .list-attachments li i {font-size: 21px; display: inline-block; margin-right: 10px; padding: 5px; }


/*************************************************************************************************************
    PAGES
*************************************************************************************************************/
/**
 * Page ::  User
 */
    .user-container {max-width: 1600px; margin: 0 auto; }
    .user-container .form-add .submit-holder,
    .user-container .form-edit .submit-holder {
        position: relative;
        width: auto;
        left: initial;
        bottom: initial;
    }
    .user-container .form-add .btn-submit,
    .user-container .form-edit .btn-submit {
        width: 100%;
    }


/**
 * Page ::  Search
 */
    .search-container {max-width: 990px; margin: 0 auto; }
    .search-container .pdf-iframe {width: 100%;margin: 20px 0;min-height: 500px;}

/**
 * Page ::  Application
 */

    .application-container {position: relative;}
    .application-container .fake-header {position: absolute;top: 0;left: 0;width: 100%;height: 64px;background-color: #e8e9ea;}
    .application-container .row.fields-row {margin-left: 0; margin-right: 0; }
    .application-container fieldset {position: relative; border: 2px solid #e8e9ea;}

    .application-container .fields-row > [class*="col-"]{padding-left: 0; padding-right: 0; }
    .application-container .form-control {margin-bottom: 0}
    .application-container .form-textarea {margin: 20px; }
    .application-container .submit-holder,
    .application-container .upload-group {padding-left: 40px;padding-right: 15px;margin-top: 15px;margin-bottom: 15px;}
    .application-container .submit-holder { padding: 0;}
    .application-container .submit-holder .btn-submit {padding-left: 30px;padding-right: 30px;/* padding-top: 20px; *//* padding-bottom: 20px; */border-radius: 20px;}
    .application-container .upload-group .form-group {margin-bottom: 40px; }
    .application-container .upload-group label {font-size: 18px; color: #5b788f; font-weight: 600; }
    .application-container .form-control {background-color: transparent; }
    .application-container .application-action {margin-bottom: 40px;  }
    @media (max-width: 768px) {
        .application-container .submit-holder .btn-submit {
            border-radius: 10px;
        }
        .application-container .fake-header { display: none; }
    }



/**
 * Bootstrap
 */

    .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
         outline: none;
     }
     a:focus {
         outline: none;
     }
     .list td a {
         display: block;
         height: 100%;
         width: 100%;
     }
    .alert {
        margin-bottom: 0;
    }
    .alert-info {
        background: #5b788f;
        color: #ffffff;
        border: 0;
    }

    @media (max-width: 768px) {
        .alert {padding-top: 8px; padding-bottom: 8px;}
    }

    .checkAllBox { display: block; position: absolute; right: 10px; z-index: 1; margin-top: 15px; }
    .checkAllBox input {
        width: 20px;
        height: 20px;
        vertical-align: middle;
        margin-top: -3px;
    }
    .checkAllBox span { display: none; }
    .list tr[role="row"] > td:last-child { text-align: right; }
    .modal {
        text-align: center;
    }
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: "";
        height: 100%;
    }
    .modal-dialog {
       display: inline-block;
        text-align: left;
    }
    @media (max-width: 740px) {
        .checkAllBox { position: static; text-align: right; padding: 10px 20px; }
        .checkAllBox span { display: inline-block; margin-right: 5px; }
        table.dataTable input[type="checkbox"].certification-check {
            position: static;
        }
        
    }

 /**
 ************************************
 ************************************
 ************************************
 * Extra lineas to Chome live editor
 ************************************
 ************************************
 ************************************
 */