html, body {
    font-family: 'Roboto', 'Arial';
    font-size: 0.95rem;
    height:100%;
    margin:0;
    padding:0;
  }

  .clearfix { clear: both; }

  a { color: #333; }
  a:hover { text-decoration: none; color: rgb(0 85 254); }

  iframe { max-width: 100%; height: inherit; background: inherit; }
  .iframe_float_left iframe { float: left; }

  .iframe {
    position: relative;
    padding-bottom: 56%;
  }
  .iframe p { margin: 0; padding: 0; }
  .iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
  .iframe_thumb { max-height: 100%; }

  img { max-width: 100%; }
  
  .fas, .far, .fal { font-size: 1rem; }
  
  .col_1-5, .col_2-4 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }

  .col_1-5 {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }

  .col_2-4 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }

  .col_xxl_2 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
  
  *:focus {
    outline: none;
  }
  
  .alert { padding: inherit; }
  
  .dark_grey.form-control:focus {
    background-color: #404040 !important;
  }
  
  .dark_grey::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #999;
  }
  .dark_grey::-moz-placeholder { /* Firefox 19+ */
    color: #999;
  }
  .dark_grey:-ms-input-placeholder { /* IE 10+ */
    color: #999;
  }
  .dark_grey:-moz-placeholder { /* Firefox 18- */
    color: #999;
  }
  
  /* width */
  ::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #888; 
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }
  
  .font_ra { font-family: 'Roboto', 'Arial'; }
  
  #header {
    z-index: 999;
  }
  
  .btn_orange {
    background-color: rgb(255, 157, 17);
    border-color: rgb(255, 157, 17);
  }

  .btn_red {
    background-color: rgb(198, 32, 32);
    border-color: rgb(198, 32, 32);
    color: #fff;
  }

  .btn_blue {
    background-color: rgb(0, 88, 151);
    border-color: rgb(0, 88, 151);
    color: #fff;
  }

  .bg_primary {
    background-color: #0055fe!important;
  }

  .text_primary, .hover_text_primary:hover {
    color: #0055fe!important;
  }

  .border_primary, .hover_border_primary:hover {
    border-color: #0055fe!important;
  }

  .border_right_secondary { border-right: 1px solid rgb(108, 117, 125)!important; }
  .border_right_grey { border-right: 1px solid rgb(192, 192, 192)!important; }

  .white, .hover_white:hover { background-color:#fff !important; }
  .grey, .hover_grey:hover { background-color:#e0e0e0 !important; }
  .grey2, .hover_grey2:hover { background-color:#c3c3c3 !important; }
  .grey_f5, .hover_grey_f5:hover { background-color:#f5f5f5 !important; }
  .grey_e6, .hover_grey_e6:hover { background-color:#e6e6e6 !important; }
  .grey_light, .hover_grey_light:hover { background-color:#f6f6f6 !important; }
  .blue, .hover_blue:hover { background-color:rgb(0 85 254) !important; }
  .yellow, .hover_yellow:hover { background-color:rgb(254 211 4) !important; }
  .green, .hover_green:hover { background-color: #93ae6c !important; }
  .red, .hover_red:hover { background-color:#ba2727 !important; }
  .dark { background-color: #171717; }
  .dark2, .hover_dark2:hover { background-color: #222!important; }
  .dark3, .hover_dark3:hover { background-color: #373737; }
  .dark_grey, .hover_dark_grey:hover { background-color: #404040; }
  
  .pr_0-4 {
    padding-right: .4rem!important;
  }
  
  .filter_green {
    filter: invert(93%) sepia(57%) saturate(3748%) hue-rotate(308deg) brightness(99%) contrast(102%);
  }
  
  .gr_black_down {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7));
  }
  
  .gr_yellow_down {
    background-image: linear-gradient(rgba(254, 189, 105), rgba(254, 189, 105, 0));
  }
  
  .crop_text_1, .crop_text_2, .crop_text_3, .crop_text_4, .crop_text_5 {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
  
  .crop_text_1 {
    -webkit-line-clamp: 1;
  }
  
  .crop_text_2 {
    -webkit-line-clamp: 2;
  }
  
  .crop_text_3 {
    -webkit-line-clamp: 3;
  }
  
  .crop_text_4 {
    -webkit-line-clamp: 4;
  }
  
  .crop_text_5 {
    -webkit-line-clamp: 5;
  }
  
  .overflow_auto {
    overflow: auto;
  }
  
  .overflow_x_hidden {
    overflow-x: hidden;
  }
  
  .middle_line {
    position: relative;
  }
  .middle_line:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    background: rgba(255, 0, 0, 0.2);
    width: 100%;
    height: 1px;
  }
  
  .text_black, .hover_text_black:hover { color: #000; }
  .text_dark, .hover_text_dark:hover { color: #232323; }
  
  .text_blue, .hover_text_blue:hover { color: rgb(0 85 254)!important; }
  .text_cyan, .hover_text_cyan:hover { color: #0fb6c5; }
  .text_pink, .hover_text_pink:hover { color: #ff69f9; }
  .text_yellow, .hover_text_yellow:hover { color: rgb(254 211 4) !important; }
  .text_green, .hover_text_green:hover { color: #6e8e40 !important; }
  .text_red, .hover_text_red:hover { color: #ec3224 !important; }
  .text_red_white, .hover_text_red_white:hover { color: #ff8d89; }
  .text_white_alpha, .hover_text_white_alpha:hover { color: rgba(255, 255, 255, 0.5) !important; }
  .text_black_alpha, .hover_text_black_alpha:hover { color: rgba(0, 0, 0, 0.5) !important; }
  .text_grey, .hover_text_grey:hover { color: #999 !important; }

  .text_white_75 {
    color: rgba(255, 255, 255, .75);
  }
  
  .text_shadow {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  }
  
  .hover_text_white:hover { color: #fff !important; }
  .hover_text_black:hover { color: #000 !important; }
  .hover_text_secondary:hover { color: #d4dfe9; }
  .hover_text_warning:hover { color: #ffc107!important; }
  
  .bg_blue_alpha, .hover_bg_blue_alpha:hover { background-color:rgba(1, 102, 179, .5) !important; }
  .bg_dark_blue_alpha, .hover_bg_dark_blue_alpha:hover { background-color:rgba(1, 102, 179, .8) !important; }
  .bg_black { background-color: #000; }
  .bg_dark { background-color: #1a1a1a; }
  .bg_primary_alpha { background-color: rgba(0, 123, 255, 0.1)!important;  }
  .bg_secondary_alpha { background-color: rgba(108, 117, 125, 0.1)!important;  }
  .bg_success_alpha { background-color: rgba(40, 167, 69, 0.1)!important;  }
  .bg_danger_alpha { background-color: rgba(220, 53, 69, 0.1)!important;  }
  .bg_warning_alpha { background-color: rgba(255, 193, 7, 0.1)!important;  }
  .bg_info_alpha { background-color: rgba(23, 162, 184, 0.1)!important;  }
  .bg_dark_alpha { background-color: rgba(52, 58, 64, 0.1)!important;  }
  .bg_white_alpha { background-color: rgba(255, 255, 255, 0.1)!important;  }
  .bg_black_alpha { background-color: rgba(0, 0, 0, 0.2)!important;  }
  .bg_black_alpha_5 { background-color: rgba(0, 0, 0, 0.5)!important;  }
  .bg_black_alpha_6 { background-color: rgba(0, 0, 0, 0.6)!important;  }
  .bg_black_alpha_7 { background-color: rgba(0, 0, 0, 0.7)!important;  }

  .hover_bg_danger:hover { background-color: rgba(220, 53, 69)!important; }
  
  .border_2 { border-width:2px !important; }
  .border_3 { border-width:3px !important; }
  .border_8 { border-width:8px !important; }
  .border_bottom_dashed { border-bottom-style:dashed !important; }
  
  .border_f0, .hover_border_f0:hover { border-color: #f0f0f0 !important; }
  .border_grey, .hover_border_grey:hover { border-color: #ababab !important; }
  .border_grey_e6 { border-color: #e6e6e6; }
  .border_ddd, .hover_border_ddd:hover { border-color: #ddd !important; }
  .border_blue, .hover_border_blue:hover { border-color: rgb(0 85 254) !important; }
  .border_cyan, .hover_border_cyan:hover { border-color: rgb(0 85 254) !important; }
  .border_green, .hover_border_green:hover { border-color: #93ae6c !important; }
  .border_yellow, .hover_border_yellow:hover { border-color: rgb(254 211 4) !important; }
  .border_red, .hover_border_red:hover { border-color: #ec3224 !important; }
  
  .border_black { border-color: #000!important; }
  .border_alpha { border-color: rgba(255,255,255,.5) !important; }
  .border_alpha2 { border-color: rgba(255,255,255,.2) !important; }
  .border_alpha_1 { border-color: rgba(255,255,255,.1) !important; }
  .border_white_alpha { border-color: rgba(255,255,255,.2) !important; }
  .border_black_alpha { border-color: rgba(0,0,0,.2) !important; }
  
  .bg_border_right {
    background-image: url(grey.png);
    background-repeat: repeat-y;
    background-position: right;
  }
  
  /*...........*/

  .p_1 { padding: 1px; }
  .p_2 { padding: 2px; }
  .pt_30 { padding-top: 30px; }
  .pb_30 { padding-bottom: 30px; }
  .pl_30 { padding-left: 30px!important; }
  .pr_30 { padding-right: 30px!important; }
  
  .zi_0 { z-index: 0; }
  .zi_1 { z-index: 1; }
  .zi_2 { z-index: 2; }
  .zi_999 { z-index: 999; }
  .zi_9999 { z-index: 9999; }

  .tlbr_0 { top:0; right:0; bottom:0; left:0;}
  .top_0 { top:0; }
  .right_0 { right:0; }
  .bottom_0 { bottom:0; }
  .left_0 { left:0; }

  .mb_3_ { margin-bottom: -1rem!important; }
  .mb_4-5 { margin-bottom: 2rem!important; }
  .ml_3px { margin-left: 3px; }
  
  .fw_500 { font-weight: 500; }
  .hover_fa:hover { font-weight: 700; }
  
  .lh_1 { line-height: 1; }
  .lh_1-2 { line-height: 1.2; }
  .lh_1-3 { line-height: 1.3; }
  .lh_1-4 { line-height: 1.4; }
  .lh_1-5 { line-height: 1.5; }
  
  .fs_9 { font-size: 9px; }
  .fs_11 { font-size: 11px; }
  .fs_12 { font-size: 12px; }
  .fs_13 { font-size: 13px; }
  .fs_14 { font-size: 14px; }
  .fs_15 { font-size: 15px; }
  .fs_16, .form-control.fs_16 { font-size: 16px!important; }
  .fs_17 { font-size: 17px !important; }
  .fs_18 { font-size: 18px !important; }
  .fs_20, .fs_20 .fas { font-size: 20px; }
  .fs_24 { font-size: 24px; }
  .fs_25 { font-size: 25px; }
  .fs_30, .fs_30 .fas, .fs_30 .fal, .fs_30 .far, .fs_30 .fa { font-size: 30px; }
  .fs_40, .fs_40 .fas, .fs_40 .fal, .fs_40 .far, .fs_40 .fa { font-size: 40px; }
  .fs_50 { font-size: 50px; }
  .fs_60 { font-size: 60px; }
  .fs_80 { font-size: 80px; }
  
  .fs_85 { font-size: 0.85rem; }

  .ls_0-5 { letter-spacing: .5px; }
  .ls_4 { letter-spacing: 4px; }
  .ls_3 { letter-spacing: 3px; }
  
  .display_5 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
  }
  
  .display_6 {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.2;
  }

  .max_w_1710 { max-width:1710px; }
  .max_w_1100 { max-width:1100px; margin:auto; }
  .max_w_1140 { max-width:1140px; margin:auto; }
  .max_w_1020 { max-width:1020px; margin:auto; }
  .max_w_730 { max-width:730px!important; margin:auto; }
  .max_w_360 { max-width:360px; margin:auto; }
  .max_h_360 { max-height:360px; }
  
  
  .w_p65 { width:65%; }
  
  .w_15 { width:15px; }
  .w_15_ { width:calc(100% - 15px); }
  .w_20 { width:20px; }
  .w_20_ { width:calc(100% - 20px); }
  .w_30 { width:30px; }
  .w_30_ { width:calc(100% - 30px); }
  .w_33 { width:33px; }
  .w_40 { width:40px; }
  .w_40_ { width:calc(100% - 40px); }
  .w_50 { width:50px; }
  .w_50_ { width:calc(100% - 50px); }
  .w_60 { width:60px; }
  .w_min_65 { min-width: 65px; }
  .w_80 { width:80px; }
  .w_80_ { width:calc(100% - 80px)!important; }
  .w_90 { width:90px; }
  .w_90_ { width:calc(100% - 90px)!important; }
  .w_100 { width:100px; }
  .w_100_ { width:calc(100% - 100px)!important; }
  .w_120 { width:120px; }
  .w_120_ { width:calc(100% - 120px)!important; }
  .w_130 { width:130px; }
  .w_130_ { width:calc(100% - 130px)!important; }
  .w_150 { width:150px; }
  .w_150_ { width:calc(100% - 150px)!important; }
  .w_180 { width:180px!important; }
  .w_180_ { width:calc(100% - 180px)!important; }
  .w_200 { width:200px; }
  .w_200_ { width:calc(100% - 200px)!important; }
  .w_200, .hover_w_200:hover { width:200px; }
  .w_250 { width:250px; }
  .w_250_ { width:calc(100% - 250px)!important; }
  .w_300 { width:300px; }
  .w_360 { width: 360px; }
  .w_450 { width: 450px; }
  
  @media (min-width: 576px) {
    .w_180_ { width:calc(100% - 180px); }
    .w_360_ { width:calc(100% - 360px);}
  }
  
  .pre-scrollable {
    max-height: inherit;
  }
  
  th.rotate_90 {
    /* position: relative; */
    position: sticky; /* fixed header */
    height: 150px;
    line-height: 1.2;
  }
  
  th.rotate_90 span {
    transform-origin: 0 50%;
    transform: rotate(-90deg);
    /*white-space: nowrap;*/
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 130px;
    text-align: left;
  }

  .transition { transition: all .2s; }
  
  .pointer { cursor: pointer; }
  .pointer_event_none {
    pointer-events: none;
  }
  .not-allowed {cursor: not-allowed;}
  .d_hidden { display: none; }
  .d_invisible { visibility: hidden; }
  
  .of_hidden { overflow: hidden; }
  .of_y_auto { overflow-y: auto; overflow-x: hidden; }
  
  .opacity, .hover_opacity_, .hover_opacity:hover {
    opacity: 0.5;
  }

  .opacity_2 {
    opacity: 0.12;
  }
  
  .hover_opacity_:hover, .hover_opacity__container:hover .hover_opacity_ {
    opacity: 1;
    transition: all .5s;
  }
  
  .white_opacity_0_05, .hover_white_opacity_0_05:hover { background-color: rgba(255, 255, 255, .05) !important; }
  .white_opacity1, .hover_white_opacity_1:hover { background-color: rgba(255, 255, 255, .1) !important; }
  
  .vh_50_ {
    height: calc(100vh - 50px)!important;
  }
  .h_15 { height:15px; }
  .h_20 { height:20px; }
  .h_24 { height:24px; }
  .h_25 { height:25px!important; }
  .h_28 { height:28px!important; }
  .h_30 { height:30px!important; }
  .h_35 { height:35px; }
  .h_35_ { height:calc(100% - 35px); }
  .h_min_35 { min-height:35px; }
  .h_40 { height:40px; }
  .h_40_ { height:calc(100% - 40px); }
  .h_50 { height:50px; }
  .h_50_ { height:calc(100% - 50px); }
  .h_65 { height:65px; }
  .h_80 { height:80px; }
  .h_100 { height:100px; }
  .h_160 { height:160px; }
  .h_280 { height: 280px;}
  .h_385 { height: 385px; }
  
  .h_p100 { height:100%; }
  .h_min_p100 { height: 100%; min-height:100%; }
  
  .w_25 { width: 25px; }
  .w_28 { width: 28px; }
  .w_35 { width: 35px; }
  
  .pt_0_5 { padding-top: .12rem!important; }
  .pt_1 { padding-top: 1px; }
  .pt_3 { padding-top: 3px; }
  .pt_5 { padding-top: 5px; }
  .pt_6 { padding-top: 6rem!important; }
  .py_10px { padding-top: 10px; padding-bottom: 10px; }
  .hover_pt_28:hover { padding-top: 28px !important; }
  
  .mr_1 { margin-right: 1px; }
  .mr_2 { margin-right: 2px; }
  .mr_30_ { margin-right: -30px; }
  
  .hover_border_white_alpha_2 { border-width: 2px; border-style: solid; border-color: rgba(255, 255, 255, 0); }
  .hover_border_white_alpha_2:hover { border-color: rgba(255, 255, 255, .5); }
  
  .loader_dark {
    background-color: rgba(52, 58, 64, 0.7)!important;
  }
  
  .loader_dark .loader_img {
    background-image: url(loading_white.png);
  }
  
  @-webkit-keyframes rotate {
    from {-webkit-transform:rotate(0deg);}
    to {  -webkit-transform:rotate(360deg);}
  }
  
  @-moz-keyframes rotate {
    from {-moz-transform:rotate(0deg);}
    to {  -moz-transform:rotate(360deg);}
  }
  
  .shadow-sm_2 { box-shadow: 0 1px 2px rgba(0,0,0,0.2); }
  .shadow_light { box-shadow: 0 1rem 2rem rgba(0,0,0,.08)!important; }
  .shadow_5_20 {
    box-shadow: 0 5px 20px rgba(0,0,0,.1);
  }
  
  .daterangepicker {
    z-index: 99999!important;
  }
  
  .pre-scrollable {
    max-height: inherit;
    overflow-y: auto;
  }
  
  .order_by { position: relative; padding-right: 20px !important; }
  .order_by:after {
    position: absolute;
    font-family: "Font Awesome\ 5 Pro";
    font-weight: 700;
    top: 5px;
    right: 5px;
    content: "\f0dc";
  }
  
  .order_by.up:after { content: "\f0d8"; }
  .order_by.down:after { content: "\f0d7"; }
  
  table {
    position: relative;
    margin-bottom: 0!important;
  }
  
  /* //////////////////////////////////////////// */
  
  .footer {
    width: 100%;
    background-color: #f5f5f5;
  }
  
  .fit_fill { object-fit: fill }
  .fit_contain { object-fit: contain }
  .fit_cover { object-fit: cover }
  .fit_none { object-fit: none }
  .fit_scale-down { object-fit: scale-down }
  .bg_light { background-color: #f6f6f6; }
  .bg_alpha { background-color: rgba(0, 0, 0, 0); }
  .bg_pattern { background-image: url(pattern.svg); background-size: cover; }
  
  .bg_bg_black_up {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4));
  }

  .img_grey {
    filter: grayscale(100%);
  }
  
  .hover_img_outer {
    position: relative;
    overflow: hidden;
  }
  
  .hover_img_outer:hover .hover_img_inner {
    transform: scale(1.2);
  }

  .hover_scale { transition: all .2s ease-in-out; cursor: pointer; }
  .hover_scale:hover { transform: scale(1.5); }

  .hover_shadow_light:hover {
    -webkit-box-shadow: 0 16px 32px rgba(207,228,255,.8)!important;
    box-shadow: 0 16px 32px rgba(207,228,255,.8)!important;
  }

  .hover_up:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  
  .hover_img_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease;
  }
  
  .bg_cover { background-size: cover; background-position: center; }
  .bg_contain { background-size: contain; background-repeat: no-repeat; background-position: center center; }
  .bg_fixed { background-attachment: fixed; }
  .bg_center { background-position: center center; background-repeat: no-repeat; background-size: 100%; }
  
  .fill_whte { fill: #fff; }
  
  .bg_top { background-size: cover; background-position: top center; }
  
  h1, h2, h3, h4 { width: 100%; margin-top: 30px; }

  .pb_p12 {
    padding-bottom: 12%;
  }
  
  .pb_p15 {
    padding-bottom: 15%;
  }
  
  .pb_p20 {
    padding-bottom: 20%;
  }
  
  .pb_p25 {
    padding-bottom: 25%;
  }
  
  .pb_p35 {
    padding-bottom: 35%;
  }

  .pb_p40 {
    padding-bottom: 40%;
  }
  
  .pb_p46 {
    padding-bottom: 46%;
  }
  
  .pb_p50 {
    padding-bottom: 50%;
  }
  
  .pb_p55 {
    padding-bottom: 55%;
  }
  
  .pb_p56 {
    padding-bottom: 56%;
  }
  
  .pb_p60 {
    padding-bottom: 60%;
  }

  .pb_p70 {
    padding-bottom: 70%;
  }
  
  .pb_p75 {
    padding-bottom: 75%;
  }
  
  .pb_p85 {
    padding-bottom: 85%;
  }
  
  .pb_p100 {
    padding-bottom: 100%;
  }
  
  .pb_p120 {
    padding-bottom: 120%;
  }
  
  .pb_p130 {
    padding-bottom: 130%;
  }
  
  .pb_p150 {
    padding-bottom: 150%;
  }
  
  .h_inherit {
    height: inherit;
  }

  @media only screen and (max-width: 600px) {

    img {
      margin-left: 0!important;
      margin-right: 0!important;
    }

    .sm_w_100 {
      width: 100px;
    }

    .sm_w_p100 {
      width: 100%!important;
    }
  
    .sm_relative {
      position: relative!important;
    }

    .fs_xs_25 {
      font-size: 25px!important;
    }

    .sm_fs_40 {
      font-size: 40px!important;
    }

    .sm_fs_15 {
      font-size: 15px!important;
    }

    .sm_fs_14 {
      font-size: 14px!important;
    }

    .sm_fs_12 {
      font-size: 12px!important;
    }
  
    .sm_fs_9 {
      font-size: 9px;
    }

    .sm_pb_p56 {
      padding-bottom: 56%!important;
    }

    .sm_pb_p65 {
      padding-bottom: 65%!important;
    }

    .sm_h_42 { height: 42px; }
    .sm_h_40 { height: 40px; }

  } 

  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media only screen and (min-width: 600px) {
    .large_swiper .swiper-slide {
      min-height: 250px;
    }
    .medium_swiper .swiper-slide {
      min-height: 250px;
    }

    .sm_fs_16 {
      font-size: 16px!important;
    }

    .sm_fs_17 {
      font-size: 17px!important;
    }

    .sm_fs_19 {
      font-size: 19px!important;
    }

    .sm_fs_20 {
      font-size: 20px!important;
    }

    .sm_pt_6 { padding-top: 6rem!important; }

    .sm_pl_30 { padding-left: 30px!important; }
    .sm_pr_30 { padding-right: 30px!important; }

  }

  @media (min-width: 768px) {
    .col_md_2-4 {
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%;
    }
  }

  /* xxl */
  @media (min-width: 1440px) {
    .col-xxl-2 {
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
    }
  }

  .form-control:disabled, select[readonly], .form-control[readonly] {
    background-color: rgba(0, 0, 0, 0);
  }
  
  input:-moz-read-only { /* For Firefox */
    background-image: url(../images/lock.png);
    background-repeat: no-repeat;
    background-position: right 5px center;
  }
  
  input:read-only, input:disabled, select:disabled, input.disabled, select.disabled {
    background-image: url(../images/lock.png);
    background-repeat: no-repeat;
    background-position: right 5px center;
  }

  .facebook-share {
    background-color: #3e5ba9;
  }

  .twitter-share {
    background-color: #1da1f3;
  }

.hover_visible_inner {
  display: none;
}

.hover_visible_outer:hover .hover_visible_inner {
  display: block;
}

.rounded_top_lg {
  border-top-left-radius: .3rem!important;
  border-top-right-radius: .3rem!important;
}

.rounded_bottom_lg {
  border-bottom-left-radius: .3rem!important;
  border-bottom-right-radius: .3rem!important;
}

.rounded_left_lg {
  border-top-left-radius: .3rem!important;
  border-bottom-left-radius: .3rem!important;
}

.rounded_right_lg {
  border-top-right-radius: .3rem!important;
  border-bottom-right-radius: .3rem!important;
}

/* animate */
.shake {
  -webkit-animation-name:shake;
  animation-name:shake;
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both
}

@-webkit-keyframes shake {
  0% {-webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1)}
  10%, 20% {-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)}
  30%, 50%, 70%, 90% {-webkit-transform:scale3d(1.5, 1.5, 1.5) rotate3d(0, 0, 1, 3deg); transform:scale3d(1.5, 1.5, 1.5) rotate3d(0, 0, 1, 3deg)}
  40%, 60%, 80% {-webkit-transform:scale3d(1.5, 1.5, 1.5) rotate3d(0, 0, 1, -3deg); transform:scale3d(1.5, 1.5, 1.5) rotate3d(0, 0, 1, -3deg)}
  100% {-webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1)}
}

@keyframes shake {
  0% {-webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1)}
  10%, 20% {-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)}
  30%, 50%, 70%, 90% {-webkit-transform:scale3d(1.5, 1.5, 1.5) rotate3d(0, 0, 1, 3deg); transform:scale3d(1.5, 1.5, 1.5) rotate3d(0, 0, 1, 3deg)}
  40%, 60%, 80% {-webkit-transform:scale3d(1.5, 1.5, 1.5) rotate3d(0, 0, 1, -3deg); transform:scale3d(1.5, 1.5, 1.5) rotate3d(0, 0, 1, -3deg)}
  100% {-webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1)}
}