@font-face {
    font-family: 'MyriadB';
    src: url('fonts/Myriad_Pro_Bold.ttf');
    src: url('fonts/Myriad_Pro_Bold.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadR';
    src: url('fonts/Myriad_Pro_Regular.ttf');
    src: url('fonts/Myriad_Pro_Regular.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}


*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-weight:normal }
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
a img { border:none }


	html { max-height:100%; max-width:100%; margin:0; }
	body {  }

	.login-page { width:100%; min-height:100%; margin:0; position:absolute; top:0px; }

    #vehicles_table tr td:nth-child(2) { max-width:20px; }
    #users_table tr td:nth-child(2):hover { cursor:pointer; background:rgba(0,0,255,0.1); }
    #message_success { position:fixed; left:50%; margin-top:20px; font-size:13px; padding:8px 30px 8px 8px; font-family:'MyriadR'; z-index:99999; }

    table.dataTable.fixedHeader-floating {
         display: none !important; /* Hide the fixedHeader since we dont need it*/
    }
     
     
    .dataTables_scrollHeadInner{
        margin-left: 0px;
        /* width: 100% !important; */
        position: fixed;
        display: block;
        overflow: hidden;
        margin-right: 30px;
        background: white;
        z-index: 1000;
    }
     
    .dataTables_scrollBody{
        padding-top: 60px;
    }

    .bad_mess_signin, .bad_mess_login { text-align:center; color:#991616; font-size:14px; }
    .good, .success { color:#00af00; }
    .bad, .fail { color:#991616; }

    .dropfile {
        width: 400px;
        line-height: 100px;
        pointer-events: none;
        background: transparent;
        color: black;
        border: dashed 2px rgba(0,0,0,0.2);
        border-radius: 20px;
        margin: 10px;
        text-align: center;
    }

    .br_small {
        content:'';
        margin:15px;
        display:block;
    }

    .middle_align {
        left:50%;
        top:50%;
        webkit-transform: translateY(-50%) translateX(-50%);
        -moz-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        -o-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
    }

    .center_align {
        webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    
    .ease_normal {
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .file_upload_style {
        position: absolute;
        width: 420px;
        height: 100px;
        opacity: 0;
    }

    .selectize-dropdown .optgroup-header {
        font-weight: bold;
        font-size: 14px;
    }
    
    .selectize-dropdown .optgroup .option {
        padding-left: 20px;
    }

    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-right: 10px;
        padding-bottom: 24px;
    }

    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 {
        top: 30px !important;
    }

    .table_vision tbody tr:nth-child(2n) { background-color:rgba(0,0,0,0.08); }

    .select_day_type { width:auto; display:inline-block; padding:5px !important; border-radius:4px; text-transform:uppercase; line-height:29px; margin: 0px 20px !important; margin-left:0px !important; font-weight:bold; transition-timing-function:ease-in-out; -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out; }


    .img_profil { max-width:130px; margin:5px; max-height:130px; }
    .file_upload_profil { position:absolute; margin-left:150px; margin-top:50px; }

    .tr_style_selected { background-color:rgba(51, 199, 49, 0.3) !important; }

    .bg-blue { background-color:#01ff70 !important; }
    .bg-green { background-color:#FFFF00 !important;  }
    .bg-lime { background-color:#e77f00 !important; }
    .bg-pur { background-color:#e865a2 !important; }
    .bg-max { background-color:#9c0e0e !important; }
    .bg-start { background-color:#95f3bd !important; }
    .bg-change { background-color:#118a2b !important; }
    .bg-half { background-color:#19f1b5 !important; }
    .bg-muted { background-color:#0073b7 !important; }
    .bg-red { background-color:#dd4b39 !important; }
    .bg-x { background-color:#808080 !important; }
    .bg-oranger { background-color:rgba(255,88,0,0.1) !important; }

    .text-blue { color:#01ff70 !important; }
    .text-green { color:#FFFF00 !important;  }
    .text-lime { color:#e77f00 !important; }
    .text-pur { color:#e865a2 !important; }
    .text-max { color:#9c0e0e !important; }
    .text-start { color:#95f3bd !important; }
    .text-change { color:#118a2b !important; }
    .text-half { color:#19f1b5 !important; }
    .text-muted { color:#0073b7 !important; }
    .text-red { color:#dd4b39 !important; }
    .text-x { color:#808080 !important; }

    .progre-blue { background-color:#01ff70 !important; }
    .progre-green { background-color:#FFFF00 !important;  }
    .progre-lime { background-color:#e77f00 !important; }
    .progre-muted { background-color:#0073b7 !important; }
    .progre-red { background-color:#dd4b39 !important; }

    .margin_buttons button { margin-right:10px; }

    .select2_full .select2-container { width:100% !important; }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 22px !important;
    }

    .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 0px !important;
        padding-right: 10px !important;
    }

    .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
        padding: 6px 6px !important;
    }

    .datepicker { z-index:9999 !important; }


    a.tooltip { outline:none; }
    a.tooltip strong { line-height:30px; }
    a.tooltip:hover { text-decoration:none; } 
    a.tooltip span { z-index:10; display:none; padding:8px 12px; margin-top:-30px; margin-left:28px; width:auto; line-height:16px; }
    a.tooltip:hover span{ display:inline; position:absolute; color:#111; background:#fff; border: 1px solid rgba(0,0,0,0.5); }
    .callout { z-index:20; position:absolute; top:30px; border:0; left:-12px; }
    a.tooltip span { border-radius:4px; box-shadow:5px 5px 8px #CCC; }

    td .spnTooltip { z-index:10; display:none; padding:8px 12px; margin-top:-30px; margin-left:28px; width:auto; line-height:16px; }
    td:hover .spnTooltip{ display:inline; position:absolute; color:#111; background:#fff; border:1px solid rgba(0,0,0,0.5); }
    .callout { z-index:20;position:absolute;top:30px;border:0;left:-12px; }


    /* INTRO */
        .intro_bg_page { background-image:url(images/intro_bg.png) !important; background-repeat:no-repeat !important; background-position:bottom left !important; background-size:28% auto !important; background-color:#d2d6de !important; }
        .support_sign { position:absolute; text-align:center; right:120px; width:268px; height:450px; padding:0px 10px; background:url(images/intro_sign_support.png) no-repeat top center; background-size:contain; }
            .support_sign h2 { font-size:20px; font-weight:bold; margin:0 auto; padding:10px 0px; padding-top:20px; }
            .support_sign img { max-width:100%; margin-bottom:16px; }
            .support_sign .glyphicon-star { color:gold; }


        @media screen and (max-width:1300px) and (min-width:800px) {
            .support_sign { right:40px; }
        }

        @media screen and (max-width:1060px) and (min-width:800px) {
            .support_sign { width: 170px; }
            .support_sign img { display:none; }
        }

        @media screen and (max-width:800px) {
            .support_sign { position:absolute; text-align:center; right:auto; width:100%; height:auto; padding:0px 10px; background:none; }
            .support_sign img { display:none; }
            .support_sign br:nth-child(5) { display:none; }
        }

    /* REGISTER */
        @media screen and (max-width:800px) {
            .reg_box { width:100% !important; }
            .reg_box .col-xs-6 { width:100%; }
        }

    /* TWO FACTOR */
        .settings_top .div_1, .settings_top .div_2, .settings_top .div_3 { float:left; color:black; padding:10px 40px; }
        .settings_top .div_1 h2, .settings_top .div_2 h2, .settings_top .div_3 h2 { margin:0; padding:10px 0px; font-size:18px; font-weight:bold; padding-bottom:20px; }
        .settings_top .div_1 { width:20%; }
        .settings_top .div_3 { width:30%; padding:10px 60px; }

        .settings_top .div_1 img { max-height:70px; padding:10px 0px; }

        .settings_top .div_2 { width:50%; padding:10px 60px; }
        .settings_top .div_2 img { margin:20px; }
        .settings_top .div_2 .qr2fa div { width:280px; text-align:center; height:230px; }
        .settings_top .div_2 .qr2fa div:nth-child(1) { float:left; }
        .settings_top .div_2 .qr2fa div:nth-child(2) { float:right; padding-top:90px; }
        .settings_top .div_2 .qr2fa div:nth-child(2) br { margin:0em; }

        .settings_top .fa_login { color:black; width:400px; text-align:center; margin:0 auto; height:auto; padding:20px; position:absolute; top:50%; left:50%; }
        .settings_top .fa_login h2 { margin:0px; padding:20px; }
        .settings_top .fa_login h5 br { margin:1em; }
        .settings_top .fa_login h5 { margin-bottom:30px; }

        .settings_top .fa_login .FA_lost { cursor:pointer; }


        .settings_top .fa_reset { color:black; width:500px; text-align:center; margin:0 auto; height:200px; padding:20px; padding-bottom:60px; }
        .settings_top .fa_reset h5 { margin:0px; padding:10px; width:100%; }
        .settings_top .fa_reset img { max-width:100px; }
        .settings_top .fa_reset .FA_recovery_info { margin-bottom:20px; }
        .settings_top .fa_reset .FA_recovery_info div { text-align:left; }
        .settings_top .fa_reset .FA_recovery_info ul { margin:20px 0px; }
        .settings_top .fa_reset .FA_recovery_info ul li { text-align:left; list-style:decimal; margin-left:40px; }
        .settings_top .fa_reset .save_twofactorrecovery { margin-bottom:20px; }


        @media screen and (max-width:800px) {
            .settings_top .fa_login { position:relative; left:0; top:0; width:100%; }
            .settings_top .fa_reset { width:100%; }
            .settings_top .div_1, .settings_top .div_2, .settings_top .div_3 { text-align:center; width:100%; padding:30px 30px; }
            .settings_top .div_2 .qr2fa div { width:100%; text-align:center; height:auto; }
            .settings_top .div_2 .qr2fa div:nth-child(2) { padding-top:10px; }
        }

    /* DOMOV */
        .domov_up { width:100%; font-weight:bold; font-size:16px; }
        .domov_up br { display:block; margin-bottom:10px !important; content:''; }
        .domov_up .domov_div { display:inline-block; text-align:center; width:15%; margin:30px 4%; margin-bottom:40px; }
        .domov_up i { font-size:50px; }

        .domov_div { background-color:#222d32; padding:18px 0px; border-radius:5px; cursor:pointer; }
        .domov_up a { color:#b8c7ce; }

        .domov_div:hover { background-color:#1e282c; }
        .domov_div:nth-child(1) a:hover { color:#00a65a; }
        .domov_div:nth-child(2) a:hover { color:#00c0ef; }
        .domov_div:nth-child(3) a:hover { color:#f39c12; }
        .domov_div:nth-child(4) a:hover { color:#dd4b39; }

        @media screen and (max-width:1600px) {
            .domov_up { width:100%; font-weight:bold; font-size:12px; }
        }

        @media screen and (max-width:1300px) {
            .domov_up i { font-size:30px; }
            .domov_up .domov_div { display:inline-block; text-align:center; width:18%; margin:30px 3%; }
        }

        @media screen and (max-width:1100px) {
            .domov_up .domov_div { display:inline-block; text-align:center; width:20%; margin:30px 2%; }
        }

        @media screen and (max-width:500px) {
            .domov_up .domov_div { display:inline-block; text-align:center; width:100%; margin:10px 0px !important; }
        }

    /* MOJE KONTO - PROFIL */
        .profil_table { font-size:14px; margin:0px 20px; }
        .profil_table tbody tr td:nth-child(1) { font-weight:bold; text-align:right; }
        .profil_table tbody tr td { padding:5px 8px; }

    /* ADMINISTRACIA UZIVATELIA */
        .membership_table thead tr td { font-weight:bold; }
        .membership_table tbody tr td { text-align:center; }

        #table_adminusers { width:2500px !important; }
        .datatable_table .row:nth-child(2) .col-sm-12 { overflow:scroll; }

    /* DOG EDIT PHOTO */
        .img_dog_photo { max-height:400px; }

    /* DOG EDIT HEALTH */ 
        .table_edit_health, .table_edit_health tr { width:100%; }
        .table_edit_health thead tr td { padding:20px !important; font-size:18px; font-weight:bold; }
        .table_edit_health tr td { padding:12px 10px !important; }
        .table_edit_health tr td:nth-child(3) label, .table_edit_health tr td:nth-child(2) label { font-weight:normal !important; }
        .table_edit_health tr td:nth-child(1) { vertical-align:middle !important; }
        .table_edit_health tr td:nth-child(3), .table_edit_health tr td:nth-child(4) { vertical-align:middle !important; }

        .image-upload > input { display:none !important; }
        .image-upload i { font-size:20px; vertical-align:bottom; }
        .image-upload label { margin-bottom:0px !important; }

        .clear_bottom_td td { border-top:none !important; }

        .table_edit_samp tr td { padding:12px 10px !important; }
        .table_edit_samp tr td:nth-child(1), .table_edit_samp tr td:nth-child(3) { vertical-align:middle !important; }
        .table_edit_samp .select2-container { width:100% !important; }
        .table_edit_samp tr td:nth-child(2) { width:36%; }

        .table_edit_exams_power tr td { padding:12px 10px !important; }
        .table_edit_exams_power tr td:nth-child(1), .table_edit_exams_power tr td:nth-child(3) { vertical-align:middle !important; }
        .table_edit_exams_power .select2-container { width:100% !important; }
        .table_edit_exams_power tr td:nth-child(2) { vertical-align:middle; width:36%; }

    /* MY DOGS SECTION */

        .count_title { position:absolute; margin:0; margin-top:-10px; margin-left:-10px; font-size:30px; background-color:#01a65a; color:white; padding:4px 10px; }

        .mydogs_info_tab { margin:20px; width:auto !important; }
        .mydogs_info_tab thead tr td { font-size:16px; padding:10px !important; }
        .mydogs_info_tab tr td:nth-child(1) { min-width:240px; font-weight:bold; }
        .mydog_edit_files tr td, .mydogs_info_tab tr td { padding: 3px 5px !important; }

        .mydogs_files thead tr td { font-size:16px; font-weight:bold; text-align:center; padding:10px !important; }
        .mydogs_info tbody tr td, .mydogs_files tbody tr td { vertical-align:middle !important; }

    /* CHS SKCHR */
        .chs_skchr_puppies label { font-weight:normal !important; }
        .chs_skchr_puppies .chovatel_ul li { margin-left:20px; }

        .th-bold thead tr td { font-weight:bold; }
        .th-center thead tr td { vertical-align:middle !important; text-align:center; }
        .tb-center tbody tr td { vertical-align:middle !important; text-align:center; }

        .td-center { vertical-align:middle !important; text-align:center; }
        .tb-vertical-center { vertical-align:middle !important; }

        .table-bordered tr td { border-collapse:collapse !important; }

        .puppies_control_table { width:2800px !important; }

    /* HPCH TABLES */
        .row2300 { width: 2300px !important; }
        .row2800 { width: 2800px !important; }
        .dataTables_wrapper .row:nth-child(2) .col-sm-12 { overflow-x:auto !important; }

    /* CHS SKCHR PROGENY */
        .table_progeny .td_hour_trigger td { color:green; }
        .table_progeny_mini tr td:nth-child(2n) { color:green; }

    /* SIDEBAR SUBMENU */
        .treeview-menu li:hover > .treeview_out { display:block !important; }
        .treeview_out { margin-left:224px !important; padding-left:0px !important; position:absolute; margin-top:-30px !important; color:#8aa4af !important; background:#2c3b41 !important; }
        .treeview_out li a { padding-right:10px !important; }