@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Varela+Round&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css?family=Acme&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900&display=swap');

html
{
  scroll-behavior: smooth;
  height: 100%;
}


body
{
  background-color: #1b1c22;
  /*color: 717c94;*/
  font-family: 'Assistant', sans-serif;
  font-size: 16px;
  margin: 0px;
  padding: 0px;
  height: 100%;
  /*letter-spacing:1;*/ 
  transition:.01s ease-in;
  -webkit-transition:.01s ease-in;
  -moz-transition:.01s ease-in;
  -o-transition:.01s ease-in;
  -ms-transition:.01s ease-in;
-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;  
  /*  height: 100vh;
    overflow: hidden;*/

}
h1,h2,h3,h4,h5,h6
{
  margin:0; 
  padding: 0;
} 
p
{
  font-size: 14px;
  padding: 0;
  margin: 0;
}
ul{
  margin:0;
  padding:0;
}
ul,ol{
  font-size:18px;
}
a
{
  text-decoration: none;
  padding: 0;
  margin: 0;

}
a:hover{
  text-decoration:none;
}
a:focus{
  outline:none;
  text-decoration:none;
}
header
{
  background-color: #1b1c22;
 

}
section
{background-color: #1b1c22;

}
button:hover , button:focus, button:active
{
  outline: unset;
  border:unset;
}
/*img {
    pointer-events: none;
}*/

.cursor_pointer
{
  cursor: pointer;
}
.cursor_default
{
  cursor: default;
}
/*////////////////////////////////////////////////////////////*/
/*/////////////////////   Display   //////////////////////////*/
/*////////////////////////////////////////////////////////////*/

.display_unset
{
  display: unset!important;
}
.display_inherit
{
  display: inherit;
}
.display_block
{
  display: block;
}
.display_block_imp
{
  display: block!important;
}
.display_inline_block
{
  display: inline-block;
}
.display_none
{
  display: none;
}
.display_none_imp
{
  display: none!important;
}
.display_none_temp
{
  display: none;
}
.display_flex
{
  display: flex;
  display: -webkit-flex;
}
.flx_dir_rw_rev
{
  flex-direction: row-reverse;
}
.display_flex_imp
{
  display: flex!important;
  display: -webkit-flex!important;
}
.display_inline_flex
{
  display: inline-flex;
}
.display_grid
{
  display: grid;
}
.display_grid_imp
{
  display: grid!important;
}
.display_inline_grid
{
  display: inline-grid;
}
.display_table
{
  display: table;
}
.display_table_cell
{
  display: table-cell;
}
.display_table_cell_imp
{
  display: table-cell!important;
}

/*////////////////////////////////////////////////////////////*/
/*/////////////////////    Space    //////////////////////////*/
/*////////////////////////////////////////////////////////////*/

.space_left_10
{
margin-left: 10px;
}
.space_left_20
{
margin-left: 20px;
}
.right_sm_space_01
{
  right: 20px;
}
.left_sm_space_01
{
  left: 20px;
}
.left_sm_space_02
{
  left: 10px;
}

/*////////////////////////////////////////////////////////////*/
/*/////////////////////    Font     //////////////////////////*/
/*////////////////////////////////////////////////////////////*/
.font_inherit
{
  font: inherit;
}
.font_bold 
{
  font-weight: 600;
}
.font_weight_300
{
  font-weight: 300;
}
.font_weight_400
{
  font-weight: 400;
}
.font_weight_500
{
  font-weight: 500;
}
.font_7
{
  font-size: 7px;
}
.font_8
{
  font-size: 8px;
}
.font_10
{
  font-size: 10px;
}
.font_11_imp
{
  font-size: 11px!important;
}
.font_12
{
  font-size: 12px;
}
.font_12_imp
{
  font-size: 12px!important;
}
.font_13
{
  font-size: 13px;
}
.font_13_imp
{
  font-size: 13px!important;
}

.font_14
{
  font-size: 14px;
}
.font_14_imp
{
   font-size: 14px!important;
}
.font_15
{
  font-size: 15px;
}
.font_15_imp
{
   font-size: 15px!important;
}
.font_16_imp
{
  font-size: 16px!important;
}

.font_16
{
  font-size: 16px;
}
.font_17_imp
{
  font-size: 17px!important;
}
.font_17
{
  font-size: 17px;
}
.font_18
{
  font-size: 18px;
}
.font_18_imp
{
  font-size: 18px!important;
}
.font_19
{
  font-size: 19px;
}
.font_20
{
font-size: 20px;
}
.font_21_imp
{
  font-size: 21px!important;
}
.font_22
{
font-size: 22px;
}
.font_23
{
font-size: 23px;
}
.font_20_imp
{
  font-size: 20px!important;
}
.font_22_imp
{
  font-size: 22px!important;
}
.font_24_imp
{
  font-size: 24px!important;
}
.font_28_imp
{
  font-size: 28px!important;
}
.font_25
{
font-size: 25px;
}
.font_25_imp
{
font-size: 25px!important;
}
.font_26_imp
{
  font-size: 26px!important;
}
.font_27_imp
{
    font-size: 27px!important;
}
.font_29_imp
{
    font-size: 29px!important;
}
.font_30_imp
{
  font-size: 30px!important;
}
.font_31_imp
{
  font-size: 31px!important;
}
.font_32_imp
{
  font-size: 32px!important;
}
.font_30
{
  font-size: 30px;
}
.font_34_imp
{
  font-size: 34px!important;
}
.font_35
{
font-size: 35px;
}
.font_36
{
  font-size: 36px;
}
.font_36_imp
{
  font-size: 36px!important;
}
.font_40
{
  font-size: 40px;
}
.font_40_imp
{
  font-size: 40px!important;
}
.font_42
{
  font-size: 42px;
}
.font_45_imp
{
  font-size: 45px!important;
}
.font_46_imp
{
  font-size: 46px!important;
}
.font_70_imp
{
  font-size: 70px!important;
}
.font_80_imp
{
  font-size: 80px!important;
}
.font_weight_600_imp
{
  font-weight: 600!important;
}
.font_weight_600
{
  font-weight: 600;
}
.font_weight_700
{
  font-weight: 700;
}
.font_weight_700_imp
{
  font-weight: 700!important;
}
.font_weight_800
{
  font-weight: 800;
}
.font_style_italic
{
  font-style: italic;
}
.font_family_type_01
{
  font-family: 'Lobster', cursive;
}
.font_family_type_02
{
  font-family: 'Acme', sans-serif;
}
.font_family_type_03
{
  font-family: 'Lato', sans-serif;
}
/*////////////////////////////////////////////////////////////*/
/*////////////////////  Letter spacing  ///////////////////////*/
/*////////////////////////////////////////////////////////////*/
.letter_spacing_neg_3
{
  letter-spacing: -3px;
}

/*////////////////////////////////////////////////////////////*/
/*/////////////////////  Overflow   //////////////////////////*/
/*////////////////////////////////////////////////////////////*/

.overflow_hidden
{
  overflow: hidden;
}
.overflow_unset_imp
{
  overflow: unset!important;
}
.overflow_auto
{
  overflow: auto;
}
.overflow_y_scroll
{
  overflow-y: scroll;
}
.overflow_y_auto
{
  overflow-y: auto;
}
.overflow_y_hidden
{
  overflow-y: hidden;
}
.overflow_x_hidden
{
  overflow-x: hidden;
}
/*////////////////////////////////////////////////////////////*/
/*/////////////////   vertical Align  ////////////////////////*/
/*////////////////////////////////////////////////////////////*/

.vertical_text_bottom
{
  vertical-align: text-bottom;
}
.vertical_text_top
{
  vertical-align: text-top;
}
.vertical_align_bottom
{
  vertical-align: bottom;
}
.vertical_align_baseline
{
  vertical-align: baseline;
}
.vertical_align_middle
{
  vertical-align: middle;
}
.vertical_align_sub
{
  vertical-align: sub;
}
.vertical_align_top
{
  vertical-align: top;
}
.vertical_align_super
{
  vertical-align: super;
}
.vertical_align_inherit
{
  vertical-align: inherit;
}
/*////////////////////////////////////////////////////////////*/
.list_style_none
{
  list-style: none;
}
/*////////////////////////////////////////////////////////////*/
/*/////////////////       Padding     ////////////////////////*/
/*////////////////////////////////////////////////////////////*/
.pad_0
{
  padding: 0;
}
.pad-10{padding: 10px;} .pad-20{padding: 20px;} .pad-30{padding: 30px;} .pad-40{padding: 40px;} .pad-50{padding: 50px;}
.pad_2
{
  padding: 2px;
}
.pad_2_0
{
  padding: 2px 0px;
}
.pad_2_8
{
  padding: 2px 8px;
}
.pad_2_10
{
  padding: 2px 10px;
}
.pad_2_5
{
  padding: 2px 5px;
}
.pad_1_7
{
  padding: 1px 7px;
}
.pad_2_7
{
  padding: 2px 7px;
}
.pad_3
{
  padding: 3px;
}
.pad_3_6
{
  padding: 3px 6px;
}
.pad_5_8
{
  padding: 5px 8px;
}
.pad_7_15_4_15
{
  padding: 7px 15px 4px 15px;
}
.pad_3_15
{
  padding: 3px 15px;
}
.pad_4
{
  padding: 4px;
}
.pad_4_0
{
  padding: 4px 0px;
}
.pad_5
{
  padding: 5px;
}
.pad_5_0
{
  padding: 5px 0px;
}
.pad_5_0_10_0
{
  padding: 5px 0px 10px 0px;
}
.pad_10_0_5_0
{
  padding: 10px 0px 5px 0px;
}
.pad_9_0_0_0
{
  padding: 9px 0px 0px 0px;
}
.pad_5_10
{
  padding: 5px 10px;
}
.pad_5_10_5_20
{
  padding: 5px 10px 5px 20px;
}
.pad_5_20
{
  padding: 5px 20px;
}
.pad_5_15
{
  padding: 5px 15px;
}
.pad_5_7
{
  padding: 5px 7px;
}
.pad_7
{
  padding: 7px;
}
.pad_7_0
{
  padding: 7px 0px;
}
.pad_7_15
{
  padding: 7px 15px;
}
.pad_7_25
{
  padding: 7px 25px;
}
.pad_9_30_3_0
{
  padding: 9px 30px 3px 0px;
}
.pad_7_30_3_0
{
  padding: 7px 30px 3px 0px;
}
.pad_7_50_3_0
{
  padding: 7px 50px 3px 0px;
}
.pad_15_0_25_30
{
   padding: 15px 0px 25px 30px;
}
.pad_15_10_10_10
{
  padding: 15px 10px 10px 10px;
}
.pad_15_10
{
  padding: 15px 10px;
}
.pad_8
{
  padding: 8px;
}
.pad_8_0
{
  padding: 8px 0px;
}
.pad_8_5
{
  padding: 8px 5px;
}
.pad_8_6
{
  padding: 8px 6px;
}
.pad_8_15
{
  padding: 8px 15px;
}
.pad_10
{
  padding: 10px;
}
.pad_10_25
{
  padding: 10px 25px;
}
.pad_10_10_60_10
{
  padding: 10px 10px 60px 10px;
}
.pad_10_5_10_5
{
  padding: 10px 5px 10px 5px;
}
.pad_10_30
{
  padding: 10px 30px;
}
.pad_10_40_10_10
{
  padding: 10px 40px 10px 10px;
}
.pad_10_20_10_40
{
  padding: 10px 20px 10px 40px;
}
.pad_15_5
{
  padding: 15px 5px;
}
.pad_15_20 
{
  padding: 15px 20px;
}
.pad_4_10
{
  padding: 4px 10px;
}

.pad_5_5_5_25
{
  padding: 5px 5px 5px 25px;
}
.pad_6
{
  padding: 6px;
}
.pad_6_6_6_25
{
  padding: 6px 6px 6px 25px;
}
.pad_15
{
  padding: 15px;
}
.pad_20
{
  padding: 20px;
}
.pad_20_30
{
  padding: 20px 30px;
}
.pad_23_10
{
  padding: 23px 10px;
}
.pad_30
{
  padding: 30px;
}
.pad_30_0
{
  padding: 30px 0px;
}
.pad_25_10_5_10
{
  padding: 25px 10px 5px 10px;
}
.pad_15_10_5_10
{
  padding: 15px 10px 5px 10px;
}
.pad_15_0
{
  padding: 15px 0px;
}
.pad_20_0
{
  padding: 20px 0;
}
.pad_20_0_10_0
{
  padding: 20px 0px 10px 0px;
}
.pad_0_0_10_0
{
  padding: 0px 0px 10px 0px;
}
.pad_20_10
{
  padding: 20px 10px;
}
.pad_20_15
{
  padding: 20px 15px;
}
.pad_20_0_0_0
{
  padding: 20px 0 0 0;
}
.pad_50_0
{
  padding: 50px 0px;
}
.pad_50_0_imp
{
  padding: 50px 0px!important;
}
.pad_right_5
{
  padding-right: 5px;
}
.pad_right_50
{
  padding-right: 50px;
}
.pad_right_10
{
  padding-right: 10px;
}

.pad_right_30
{
  padding-right: 30px;
}
.pad_right_80
{
  padding-right: 80px;
}
.pad_right_120
{
  padding-right: 120px;
}
.pad_left_20
{
  padding-left: 20px;
}
.pad_left_15
{
  padding-left: 15px;
}
.pad_left_25
{
  padding-left: 25px;
}
.pad_left_20_imp
{
  padding-left: 20px!important;
}
.pad_left_55_imp
{
  padding-left: 55px!important;
}
.pad_left_28_imp
{
  padding-left: 28px!important;
}
.pad_left_30
{
  padding-left: 30px;
}
.pad_0_imp
{
  padding: 0px!important;
}
.pad_5_left_right
{
  padding-right: 5px;
  padding-left: 5px;
}
.pad_5_top_bottom
{
  padding-top: 5px;
  padding-bottom: 5px;
}
.pad_10_top_bottom
{
  padding-top: 10px;
  padding-bottom: 10px;
}
.pad_10_40_left_right
{

  padding-left: 10px;
  padding-right: 40px;
}

.pad_40_10_left_right
{

  padding-left: 40px;
  padding-right: 10px;
}
.pad_10_90_left_right
{

  padding-left: 10px;
  padding-right: 90px;
}
.pad_90_10_left_right
{

  padding-left: 90px;
  padding-right: 10px;
}
.pad_10_left_right
{
  padding-right: 10px;
  padding-left: 10px;
}
.pad_20_left_right
{
  padding-right: 20px;
  padding-left: 20px;
}
.pad_30_left_right
{
  padding-right: 30px;
  padding-left: 30px;
}
.pad_tb_20_imp
{
  padding-top: 20px!important;
  padding-bottom: 20px!important;
}
.pad_tb_15_imp
{
  padding-top: 15px!important;
  padding-bottom: 15px!important;
}
.pad_tb_10_imp
{
  padding-top: 10px!important;
  padding-bottom: 10px!important;
}
.pad_tb_12_imp
{
  padding-top: 12px!important;
  padding-bottom: 12px!important;
}
.pad_top_40_imp
{
  padding-top: 40px!important;
}
.pad_top_30
{
  padding-top: 30px;
}
.pad_top_20
{
  padding-top: 20px;
}
.pad_top_10_imp
{
  padding-top: 10px!important;
}
.pad_top_0_imp
{
  padding-top: 0px!important;
}
.pad_top_25
{
  padding-top: 25px;
}
.pad_top_10
{
  padding-top: 10px;
}
.pad_top_5
{
  padding-top: 5px;
}
.pad_top_2
{
  padding-top: 2px;
}
.pad_0_3
{
  padding: 0px 3px;
}
.pad_0_15
{
  padding: 0px 15px;
}
.pad_0_5
{
  padding: 0px 5px;
}
.pad_0_7
{
  padding: 0px 7px;
}
.pad_0_13
{
  padding: 0px 13px;
}
.pad_0_20
{
  padding: 0px 20px;
}
.pad_0_25
{
  padding: 0px 25px;
}
.pad_0_20_15_20
{
  padding: 0px 20px 15px 20px;
}
.pad_10_0
{
  padding: 10px 0px;
}
.pad_10_15
{
  padding: 10px 15px;
}
.pad_10_5
{
  padding: 10px 5px;
}
.pad_10_20
{
  padding: 10px 20px;
}

.pad_10_20_0_20
{
  padding: 10px 20px 0px 20px;
}
.pad_bottom_10
{
  padding-bottom: 10px;
}
.pad_bottom_15
{
  padding-bottom: 15px;
}
.pad_bottom_imp_60
{
   padding-bottom: 60px!important;
}
.pad_bottom_imp_80
{
   padding-bottom: 80px!important;
}
.pad_bottom_5
{
  padding-bottom: 5px;
}
.pad_bottom_20
{
  padding-bottom: 20px;
}
.pad_bottom_25
{
  padding-bottom: 25px;
}

.pad_0_8
{
      padding: 0 8px;
}
.pad_0_10
{
      padding: 0 10px;
}
.pad_0_10_0_0
{
      padding: 0px 10px 0px 0px;
}
.pad_0_10_10_10
{
      padding: 0 10px 10px 10px;
}
.pad_3_10
{
      padding: 3px 10px;
}
.pad_0_50
{
      padding: 0 50px;
}
.pad_left_2
{
  padding-left: 2px;
}
.pad_left_3
{
  padding-left: 3px;
}
.pad_left_4
{
  padding-left: 4px;
}
.pad_left_5
{
  padding-left: 5px;
}
.pad_left_8
{
  padding-left: 8px;
}
.pad_right_8
{
  padding-right: 8px;
}
/*////////////////////////////////////////////////////////////*/
/*////////////////       word_wrap      //////////////////////*/
/*////////////////////////////////////////////////////////////*/
.word_wrap
{
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
}
.word_break_all 
{
   word-break: break-all;
  -ms-word-break:break-all;
  -webkit-word-break:break-all;
}
.word_break_word
{
   word-break: break-word;
  -ms-word-break: break-word;
  -webkit-word-break: break-word;
}
/*////////////////////////////////////////////////////////////*/
/*/////////////////   text-alignment   ////////////////////////*/
/*////////////////////////////////////////////////////////////*/

.text_center
{
  text-align: center!important;
}
.text_align_center
{
  text-align: center;
}
.text_align_center_imp
{
  text-align: center!important;
}
.text_right
{
  text-align: right;
}
.text_left
{
  text-align: left;
}
.justify_content_center
{
  justify-content: center;
}
.align_items_center
{
  align-items: center;
  -webkit-align-items: center;
}
.align_self_center
{
  align-self: center;
  -webkit-align-self: center;
}
.align_content_center
{
  align-content: center;
}
.text_transform_capitalize
{
  text-transform: capitalize;
}
.text_transform_unset_imp
{
  text-transform: unset!important;
}

.text_decoration_underline
{
  text-decoration: underline;
}
.text_uppercase
{
  text-transform: uppercase;
}
.text_overflow_ellipsis
{
  text-overflow: ellipsis;
}
/*////////////////////////////////////////////////////////////*/
/*////////////////      line_height      //////////////////*/
/*////////////////////////////////////////////////////////////*/
.line_height_normal
{
  line-height: normal;
}
.line_height_initial
{
  line-height: initial;
}
.line_height_100p
{
  line-height: 100%;
}
.line_height_130p
{
  line-height: 130%;
}
.line_height_16
{
  line-height: 16px;
}
.line_height_20
{
  line-height: 20px;
}
.line_height_23
{
  line-height: 23px;
}
.line_height_36
{
  line-height: 36px;
}
.line_height_type_1
{
  line-height: 1.3;
}
/*////////////////////////////////////////////////////////////*/
/*/////////////////       Float       ////////////////////////*/
/*////////////////////////////////////////////////////////////*/
.float_right
{
  float: right;
}
.float_left
{
  float: left;
}

/*////////////////////////////////////////////////////////////*/
/*////////////////       Position      ///////////////////////*/
/*////////////////////////////////////////////////////////////*/

.position_relative
{
  position: relative;
}
.position_absolute
{
  position: absolute;
}
.position_sticky_0
{
  position: sticky;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  top: 0;
}
.position_sticky
{
    position: sticky;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;

}
.position_fixed
{
  position: fixed!important;
}

/*////////////////////////////////////////////////////////////*/
/*/////////////////       Right      ////////////////////////*/
/*////////////////////////////////////////////////////////////*/

.right_0
{
  right: 0;
}
.right_4
{
  right: 4px;
}
.right_5
{
  right: 5px;
}
.right_10
{
  right: 10px;
}
.right_20
{
  right: 20px;
}
.right_30
{
  right: 30px;
}
.right_60 
{
  right: 60px;
}
.right_110
{
  right: 110px;
}
.right_neg_10
{
  right: -10px;
}
.right_neg_15
{
  right: -15px;
}
.right_neg_26
{
  right: -26px;
}
.right_neg_32
{
  right: -32px;
}
.right_neg_55
{
  right:-55px;
}
/*////////////////////////////////////////////////////////////*/
/*/////////////////////    Left    //////////////////////////*/
/*////////////////////////////////////////////////////////////*/
.left_neg_10
{
  left: -10px;
}
.left_0
{
  left: 0;
}
.left_5
{
  left: 5px;
}
.left_10
{
  left: 10px;
}
.left_15
{
  left: 15px;
}
.left_20
{
  left: 20px;
}
.left_27
{
  left: 27px;
}
.left_45
{
  left: 45px;
}
.left_50
{
  left: 50px;
}
.left_90
{
  left: 90px;
}

.left_50p
{
  left: 50%;
}

/*////////////////////////////////////////////////////////////*/
/*/////////////////        Top       ////////////////////////*/
/*////////////////////////////////////////////////////////////*/
.top_50p
{
  top: 50%;
}  
.top_50p_neg_35
{
  top: calc(50% - 35px);
} 
.top_100p
{
  top: 100%;
}  
.top_100{ top: 100px;}
.top_neg_38
{
  top: -38px;
}
.top_neg_3
{
  top: -3px;
}
.top_neg_8
{
  top: -8px;
}
.top_neg_40
{
  top: -40px;
}
.top_neg_50
{
  top: -50px;
}
.top_neg_32
{
  top: -32px;
}
.top_neg_26
{
  top: -26px;
}
.top_neg_12
{
  top:-12px;
}
.top_neg_10
{
  top: -10px;
}
.top_neg_5
{
  top: -5px;
}
.top_neg_6
{
  top: -6px;
}
.top_neg_2
{
  top: -2px;
}
.top_0
{
  top: 0;
}
.top_2
{
  top: 2px;
}
.top_3
{
  top: 3px;
}
.top_4
{
  top: 4px;
}
.top_5
{
  top: 5px;
}
.top_6
{
  top: 6px;
}
.top_9
{
  top: 9px;
}
.top_10
{
  top: 10px;
}
.top_20
{
  top: 20px;
}
.top_30
{
  top: 30px;
}
.top_35
{
  top: 35px;
}
.top_42
{
  top: 42px;
}
.top_45
{
  top: 45px;
}
.top_49
{
  top: 49px;
}
.top_50
{
  top: 50px;
}
.top_54
{
  top: 54px;
}
.top_55
{
  top: 55px;
}
.top_60
{
  top:60px;
}
.top_67
{
  top:67px;
}
.top_70
{
  top: 70px;
}

/*////////////////////////////////////////////////////////////*/
/*/////////////////       Bottom      ////////////////////////*/
/*////////////////////////////////////////////////////////////*/
.bottom_neg_6
{
  bottom: -6px;
}
.bottom_neg_7
{
  bottom: -7px;
}
.bottom_0
{
  bottom: 0px;
}
.bottom_1
{
  bottom: 1px;
}
.bottom_8
{
  bottom: 8px;
}
.bottom_10
{
  bottom: 10px;
}
.bottom_20
{
  bottom: 20px;
}
.bottom_30
{
  bottom: 30px;
}
.bottom_40
{
  bottom: 40px;
}
.bottom_50
{
  bottom: 50px;
}
.bottom_60
{
  bottom: 60px;
}
.bottom_70
{
  bottom: 70px;
}
.bottom_81
{
  bottom: 81px;
}
.bottom_90
{
  bottom: 90px;
}
.bottom_120
{
  bottom: 120px;
}
.bottom_97
{
  bottom: 97px;
}
.bottom_unset
{
  bottom: unset;
}

/*////////////////////////////////////////////////////////////*/
/*/////////////////       Resize      ////////////////////////*/
/*////////////////////////////////////////////////////////////*/

.resize_none
{
  resize: none;
}
.resize_both
{
  resize: both;
}
.resize_vertical
{
  resize: vertical;
}
.resize_horizontal
{
  resize: horizontal;
}

/*////////////////////////////////////////////////////////////*/
/*/////////////////       Height      ////////////////////////*/
/*////////////////////////////////////////////////////////////*/
.height_auto
{
  height: auto;
}
.height_auto_imp
{
  height: auto!important;
}
.height_0
{
  height: 0;
}
.height_0_imp
{
  height: 0!important;
}
.height_1
{
  height: 1px;
}
.height_5
{
  height: 5px;
}
.height_10
{
  height: 10px;
}
.height_12
{
  height: 12px;
}
.height_15
{
  height: 15px;
}
.height_100
{
  height: 100%;
}
.height_100p
{
  height: 100%;
}
.height_90p
{
  height: 90%;
}
.height_100p_imp
{
  height: 100%!important;
}
.height_20
{
  height: 20px;
}
.height_25
{
  height: 25px;
}
.height_30
{
  height: 30px;
}
.div_height_30
{
  height: 30px;
}
.height_35
{
  height: 35px;
}
.height_40
{
  height: 40px;
}
.height_50
{
  height: 50px;
}

.height_60
{
  height: 60px;
}
.height_75
{
  height: 75px;
}
.height_80
{
  height: 80px;
}
.height_165_imp
{
  height: 165px!important;
}
.height_157_imp
{
  height: 157px!important;
}
.height_180
{
  height: 180px;
}
.height_185
{
  height: 185px;
}
.height_200_imp
{
  height: 200px!important;
}
.height_250
{
  height: 250px;
}
.height_220_imp 
{
  height: 220px!important;
}
.height_275_imp 
{
  height: 275px!important;
}
.height_300
{
  height: 300px;
}
.height_320
{
  height: 320px;
}
.height_300_imp
{
  height: 300px!important;
}
.height_400
{
  height: 400px;
}
.height_500
{
  height: 500px;
}
.height_500_imp
{
  height: 500px!important;
}
.height_570_imp
{
  height: 570px!important;
}
.height_550_imp
{
  height: 550px!important;
}
.height_590_imp
{
  height: 590px!important;
}
.height_600_imp
{
  height: 600px!important;
}
.min_height_60
{
  min-height: 60px;
}
.min_height_69_imp
{
  min-height: 69px!important;
}
.min_height_50
{
  min-height: 50px;
}
.min_height_140
{
  min-height: 140px;
}
.min_height_250
{
  min-height: 250px;
}
.min_height_300
{
  min-height: 300px;
}
.min_height_365
{
  min-height: 365px;
}
.min_height_400
{
  min-height: 400px;
}
.min_height_450
{
  min-height: 450px;
}
.min_height_600
{
  min-height: 600px;
}
.max_height_95p
{
 max-height: 95%;
}
.max_height_60
{
  max-height: 60px;
}
.max_height_100p
{
  max-height: 100%;
}
.max_height_100
{
  max-height: 100px;
}
.max_height_150
{
  max-height: 150px;
}
.max_height_200
{
  max-height: 200px;
}
.max_height_400
{
  max-height: 400px;
}
.max_height_500
{
  max-height: 500px;
}
.max_height_500_imp
{
  max-height: 500px!important;
}
.max_height_600
{
  max-height: 600px;
}
.max_height_600_imp
{
  max-height: 600px!important;
}
.max_height_700
{
  max-height: 700px;
}
.height_calc_100p_neg_70
{
  height: calc(100% - 70px);
}
.height_calc_100p_neg_77
{
  height: calc(100% - 77px);
}
.height_calc_100p_neg_210_imp
{
  height: calc(100% - 210px)!important;
}
.height_calc_100p_neg_235_imp
{
  height: calc(100% - 235px)!important;
}
/*////////////////////////////////////////////////////////////*/
/*/////////////////       Width       ////////////////////////*/
/*////////////////////////////////////////////////////////////*/

.width_auto
{
  width: auto;
}
.width_1
{
  width: 1px;
}
.width_2
{
  width: 2px;
}
.width_10
{
  width: 10px;
}
.width_12
{
  width: 12px;
}
.width_15
{
  width: 15px;
}
.width_100p
{
  width: 100%;
} 
.width_90p
{
  width: 90%;
} 
.width_98p
{
  width: 98%;
}

.width_100p_imp
{
  width: 100%!important;
}
.width_50p
{
  width: 50%;
}
.width_0
{
  width: 0;
}
.width_2
{
  width: 2px;
}
.width_5
{
  width: 5px;
}
.width-100{width: 100%;}
.width_100{width: 100%;}
.width_50_fix
{
  width: 50%;
}
.width_100_fix
{
width: 100%;
}
.w_32_100
{
width: 32%;
}
.w_25_100
{
  width: 25%;
}
.width_33_33_p
{
  width: 33.3333%;
}
.width_20
{
  width: 20px;
}
.width_25
{
  width: 25px;
}
.width_30
{
  width: 30px;
}
.width_35
{
  width: 35px;
}
.width_40
{
  width: 40px;
}
.width_42
{
  width: 42px;
}
.width_45
{
  width: 45px;
}
.width_50
{
  width: 50px;
}
.width_60
{
  width: 60px;
}
.width_70
{
  width: 70px;
}
.width_80
{
  width: 80px;
}
.width_160
{
  width: 160px;
}
.width_180
{
  width: 180px;
}
.width_190
{
  width: 190px;
}
.width_200
{
  width: 200px;
}
.width_240
{
  width: 240px;
}
.width_250
{
  width: 250px;
}
.width_290_imp
{
  width: 290px!important;
}
.width_300
{
  width: 300px;
}
.width_335
{
  width: 335px;
}
.width_300_imp
{
  width: 300px!important;
}
.width_350
{
  width: 350px;
}
.width_400
{
  width: 400px;
}
.width_400_imp 
{
  width: 400px!important;
}
.width_450
{
  width: 450px;
}
.width_500_imp 
{
  width: 500px!important;
}
.max_width_50p
{
  max-width: 50%;
}

.max_width_100px
{
  max-width: 100px;
}
.max_width_110
{
  max-width: 110px;
}
.max_width_170
{
  max-width: 170px;
}
.max_width_100p
{
  max-width: 100%;
}
.max_width_ex_lg
{
  max-width: 1200px;
}
.max_width_lg
{
  max-width: 900px;
}
.max_width_md
{
  max-width: 767px;
}
.max_width_sm_pro
{
  max-width: 600px;
}
.max_width_sm
{
  max-width: 500px;
}
.max_width_ex_sm
{
  max-width: 300px;
}
.max_width_300
{
  max-width: 300px;
}
.max_width_280
{
  max-width: 280px;
}
.max_width_240
{
  max-width: 240px;
}
.max_width_230
{
  max-width: 230px;
}
.max_width_220
{
  max-width: 220px;  
}
.max_width_180
{
  max-width: 180px;  
}
.max_width_210
{
  max-width: 210px;
}
.max_width_215
{
  max-width: 215px;
}
.max_width_226
{
  max-width: 226px;  
}
.max_width_330
{
  max-width: 330px;
}
.max_width_350
{
  max-width: 350px;
}
.max_width_400
{
  max-width: 400px;
}
.max_width_480
{
  max-width: 480px;
}
.max_width_525
{
  max-width: 525px;
}
.max_width_550
{
  max-width: 550px;
}
.max_width_700
{
  max-width: 700px;
}
.max_width_260
{
  max-width: 260px;
}
.max_width_200
{
  max-width: 200px;
}
.max_width_150
{
  max-width: 150px;
}
.max_width_95
{
  max-width: 95px;
}
.max_width_90
{
  max-width: 90px;
}
.max_width_80
{
  max-width: 80px;
}
.max_width_60
{
  max-width: 60px;
}
.max_width_45
{
  max-width: 45px;
}
.max_width_70
{
  max-width: 70px;
}
.max_width_40
{
      max-width: 40px;
}
.max_width_25
{
      max-width: 25px;
}

.max_width_258
{
      max-width: 258px;
}
.max_width_185
{
      max-width: 185px;
}
.max_width_13
{
      max-width: 13px;
}
.max_width_9
{
      max-width: 9px;
}
.min_width_100p
{
  min-width: 100%;
}
.min_width_75
{
  min-width: 75px;
}
.min_width_21
{
  min-width: 21px;
}
.min_width_40
{
  min-width: 40px;
}
.min_width_100
{
  min-width: 100px;
}
.min_width_200
{
  min-width: 200px;
}
.min_width_260
{
  min-width: 260px;
}
.min_width_300
{
  min-width: 300px;
}
.min_width_400
{
  min-width: 400px;
}
.min_width_450
{
  min-width: 450px;
}
.min_width_500
{
  min-width: 500px;
}
.min_width_600
{
  min-width: 600px;
}
.min_width_700
{
  min-width: 700px;
}
.min_width_800
{
  min-width: 800px;
}
.width_calc_neg_20
{
  width: calc(100% - 20px);
}
.width_calc_neg_40
{
  width: calc(100% - 40px);
}
.width_calc_neg_50
{
  width: calc(100% - 50px);
}
.width_calc_neg_175
{
  width: calc(100% - 175px);
}
.width_calc_neg_200
{
  width: calc(100% - 200px);
}
.width_100p_neg_50
{
  width: calc(100% - 50px);
}
.width_100p_neg_60
{
  width: calc(100% - 60px);
}
.width_100p_neg_200
{
  width: calc(100% - 200px);
}
.width_100p_neg_300
{
  width: calc(100% - 300px);
}

.max_width_adjs_1
{
  max-width: 280px;
}
/*////////////////////////////////////////////////////////////*/
/*////////////////        Color         //////////////////////*/
/*////////////////////////////////////////////////////////////*/
.color_313448
{
  color: #313448;
}
.color_8d91aa 
{
  color: #8d91aa;
}
.hover_color_e5e8fa:hover
{
  color: #e5e8fa;
}
.color_abaebe
{
  color: #abaebe;
}
.color_6d582a
{
  color: #6d582a;
}
.color_3e2c06
{
  color: #3e2c06;
}
.color_3d4354
{
	color: #3d4354;
}
.color_b1b4ce
{
  color: #b1b4ce;
}
.color_b9bdd1
{
  color: #b9bdd1;
}
.color_8e92a3
{
	color: #8e92a3;
}
.color_d9dae1
{
 color: #d9dae1;
   
}
.color_d69812
{
  color: #d69812;
}
.color_575a6b
{
  color: #575a6b;
}
.color_606578
{
	color: #606578;
}
.color_7a84a0
{
  color: #7a84a0;
}
.color_2f3144
{
  color: #2f3144;
}
.color_1b1d2a
{
  color: #1b1d2a;
}
.color_b2b8d7
{
  color: #b2b8d7;
}
.color_5c5f74
{
  color: #5c5f74;
}
.focus_color_5c5f74:focus
{
  color: #5c5f74;
}
.color_656988
{
  color: #656988;
}
.color_767ca3
{
  color: #767ca3;
}
.color_9699aa
{
  color: #9699aa;
}
.color_292c40
{
  color: #292c40;
}
.color_1e202b
{
  color: #1e202b;
}
.color_71759b
{
  color: #71759b;
} 
.color_4f536d
{
  color: #4f536d;
}
.color_9ca2c7
{
  color: #9ca2c7;
}   
.color_ced2ec
{
  color: #ced2ec;
}
.color_c5cddc
{
  color: #c5cddc;
}
.color_e5e8fa
{
  color: #e5e8fa;
}
.color_e5e8f9
{
  color: #e5e8f9;
}
.color_acafc0
{
  color: #acafc0;
}
.color_979aab
{
  color: #979aab;
}
.color_5d6070
{
  color: #5d6070;
}
.hover_color_d59812:hover
{
  color: #d59812;
}
.hover_color_4f536d:hover
{
  color: #4f536d;
}
.hover_color_606578:hover , .hover_color_606578:active , .hover_color_606578:focus
{
	color: #606578;
}
.hover_color_bcbfd2:hover
{
  color: #bcbfd2;
}

.hover_color_b2b5c7:hover
{
  color: #b2b5c7;
}

.hover_color_e5e8fa:hover
{
  color: #e5e8fa;
}
.focus_color_e5e8fa:focus
{
  color: #e5e8fa;
}
.hover_color_d49813:hover
{
  color: #d49813;
}
.color_7d7f8d
{
  color: #7d7f8d;
} 
.focus_color_7d7f8d:focus
{
  color: #7d7f8d;
}
.hover_color_9ea0ad:hover
{
  color: #9ea0ad;
}
.color_858aad
{
  color: #858aad;
}
.color_a8acc7
{
  color: #a8acc7;
}
.color_c1c8e2
{
  color: #c1c8e2;
}
.color_bdc1de
{
  color: #bdc1de;
}
.color_d49813
{
  color: #d49813;
}
.color_676c8d
{
  color: #676c8d;
}
.color_a9acbf
{
  color: #a9acbf;
}
.hover_color_ced2ec:hover , .hover_color_ced2ec:focus , .hover_color_ced2ec:active
{
  color: #ced2ec;
}
.hover_color_bdc1de:hover
{
  color: #bdc1de;
}
.color_333
{
  color: #333;
}
.color_000
{
  color: #000;
}
.color_fff
{
  color: #fff;
}
.hover_color_fff:hover
{
  color: #fff;
}
.hover_color_383c4e:hover
{
  color: #383c4e;
}
.color_1b1c22
{
  color: #1b1c22;
}
.color_5e67a2
{
  color: #5e67a2;
}
.color_5f616f
{
  color: #5f616f;
}
.color_606478
{
  color: #606478;
}
.color_gray
{
  color: #71769b;
}
.color_red
{
  color: #ff1100;
}
.hover_color_red:hover
{
  color: #ff1100;
}
.hover_color_lt_red:hover
{
  color: #ff5b50;
}
.hvr_clr_brt_green:hover
{
  color: #17ff2f;
}
.hvr_clr_brt_red:hover
{
  color: #ff2617;
}
.color_lt_red
{
  color: #ff5b50;
}
.hover_bg_red:hover
{
  background: #ff1100;
}
.hover_bg_lt_red:hover
{
  background: #ff5b50;
}
.bg_red
{
  background: #ff1100;
}
.color_green
{
  color: #096c0d;
}
.hover_color_green:hover
{
  color: #096c0d;
}
.hover_color_lt_green:hover
{
  color: #5bbc65;
}
.color_c1c4df
{
  color: #c1c4df;
}
.color_lt_green
{
  color: #5bbc65;
}
.bg_green
{
  background:#096c0d;
}
.hover_bg_green:hover
{
  background:#096c0d;
}
.color_blue
{
  color: #008eff;
}
.color_gold
{
  color: #d49813;
}
.color_red_hover_active_all
{
  color: #ff1100;
}
.color_red_hover_active_all:hover 
{
   color: #ff1100;
}
.color_red_hover_active_all:active 
{
   color: #ff1100;
}
.color_red_hover_active_all:focus
{
   color: #ff1100;
}
.color_white
{
  color: #fff;
}
.color_black
{
  color: #000;
}
.hover_bg_color_656988:hover
{
  background: #656988;
}
.hover_color_fff:hover
{
  color: #ffffff;
}
.active_color_gold_imp
{
  color: #d69813!important;
}
.bg_color_transparent
{
  background: transparent;
}
.bg_color_000
{
  background: #000;
}
.bg_color_dark_transparent_02
{
  background: rgba(31, 34, 43, 0.79);
}
.bg_color_dark_transparent_03
{
  background: rgba(31, 34, 43, 0.92);
}
.bg_color_dark_transparent_01
{
  background: rgba(13, 13, 18, 0.9);
}
.bg_color_transparent_black_point_5
{
  background: rgba(0, 0, 0, 0.5);
}
.bg_color_transparent_dark_type_1_point_5
{
  background: rgba(59, 61, 79, 0.50);
}
.bg_color_transparent_dark_type_2_point_8
{
  background: rgba(59, 61, 79, 0.84);
}
.bg_color_transparent_dark_type_3_point_85
{
   background: rgba(27, 28, 34, 0.85);
}
.bg_color_transperent_white_01
{
  background: rgba(255, 255, 255, 0.3);
}
.bg_color_default_set_1
{
  background-color: #1a1c24;
  background-image:linear-gradient(to right, #1a1c24 , #1a1c24);
  color: #d49813;
}
.bg_color_default_set_2
{
  background-color: #1f2126;
  background-image: linear-gradient(to right, #2b2f38 , #393d4d);
}
.bg_color_default_set_3
{
  background-color: #1f2126;
  background-image: linear-gradient(to right, #2b2f38 , #393d4d);
    color: #d49813;
}
.bg_color_set_1
{
  background-color: #2d313b;
  background-image: linear-gradient(to right, #344948 , #4d716f);
  color: #a3d0cd;
}
.bg_color_set_2
{
  background-color: #4a4140;
  background-image: linear-gradient(to right, #413939 , #937875);
  color: #cebcba;
}
.bg_color_set_3
{
  background-color: #4b3c4c;
  background-image: linear-gradient(to right, #4b3c4c, #89688b);
  color: #d2afd5;
}
.bg_color_set_4
{
  background-color: #4b4a61;
  background-image: linear-gradient(to right, #4b4a61, #747393);
  color: #b2b0e1;
}
.bg_color_set_5
{
  background-color: #676c8d;
  color: #fff;
}
.icon_color_set_1
{
  color: #d49813;
}
.icon_color_set_2
{
  color: #aa13d4;
}
.icon_color_set_3
{
  color: #1399d4;
}
.icon_color_set_4
{
  color: #f58246;
}
.icon_color_set_5
{
  color: #73d413;
}
.bg_color_ffffff
{
  background: #ffffff;
}
.bg_color_fff
{
  background: #fff;
}
.bg_color_333b5d_imp
{
  background: #333b5d!important;
  background-color: #333b5d!important;
}
.bg_color_daddf5
{
  background: #daddf5;
}
.bg_color_d59812_imp
{
  background: #d59812!important;
}
.bg_color_43475f
{
  background: #43475f
}
.bg_color_383c4e
{
  background: #383c4e;
}
.bg_color_313448
{
  background: #313448;
}
.bg_color_cfd3f1
{
  background: #cfd3f1;
}
.bg_color_303441
{
  background: #303441;
}
.bg_color_c4c8e6
{
  background-color: #c4c8e6;
}
.bg_color_2c2d3e
{
  background: #2c2d3e;
}
.bg_color_2d313c
{
  background: #2d313c;
}
.bg_color_bdc1de
{
  background: #bdc1de;
}
.bg_color_767ca3
{
  background: #767ca3;
}
.hover_bg_color_9ea3c6:hover
{
  background: #9ea3c6;
}
.bg_color_2f3342
{
  background: #2f3342;
}
.bg_color_373b4b
{
  background: #373b4b;
}
.bg_color_262b38
{
  background: #262b38;
}
.bg_color_32343b
{
  background: #32343b;
}
.bg_color_1b1c22
{
  background: #1b1c22;
}
.bg_color_1a1c24
{
  background: #1a1c24;
}
.bg_color_2a2d3a
{
  background: #2a2d3a;
}
.bg_color_292c40
{
  background: #292c40;
}
.bg_color_242733
{
  background: #242733;
}
.bg_color_6b719d
{
  background: #6b719d;
}
.bg_color_1f222b
{
  background: #1f222b;
}
.bg_color_4f536d
{
  background: #4f536d;
}
.bg_color_33364a
{
  background: #33364a;
}
.bg_color_2f3144
{
  background: #2f3144;
}
.bg_color_858aad
{
  background: #858aad;
}
.bg_color_1e202b
{
  background: #1e202b;
}
.bg_color_d49813
{
  background: #d49813;
}
.bg_color_a77913
{
  background: #a77913;
}
.bg_color_d49813_imp
{
  background: #d49813!important;
}
.bg_color_0d0d12
{
  background: #0d0d12;
}
.bg_color_e0e3f5
{
  background: #e0e3f5;
}
.bg_color_5c6696
{
  background: #5c6696;
}
.bg_color_dcdff5
{
  background: #dcdff5;
}
.bg_color_ced2ec
{
  background: #ced2ec;
}
.bg_color_676c8d
{
  background: #676c8d;
}
.bg_color_dde1fd
{
  background: #dde1fd;
}
.bg_color_dde1f8
{
  background: #dde1f8;
}
.bg_color_e5e8fa
{
  background: #e5e8fa;
}
.bg_color_cfd3ec
{
  background: #cfd3ec;
}
.bg_color_262732
{
  background: #262732;
}
.bg_color_d69813_fff
{
    background-color: #d69813;
     color: #FFF; 
}
.bg_color_red_fff
{
    background-color: #ff1100;
     color: #FFF; 
}
.bg_color_red
{
    background-color: #ff1100;
}
.bg_color_lt_red
{
    background-color: #ff5b50;
}
.bg_color_gold_white
{
  background:  #d49813;
  color: #fff;
}
.bg_color_yellow
{
 background-color: #ffe500;
}
.bg_color_green
{
  background: #0d7319;
}
.bg_color_lt_green
{
  background: #5bbc65;
}

.bg_color_green_white
{
  background: #0d7319;
  color: #FFF;
}
.bg_color_green_white_imp
{
  background: #0d7319!important;
  color: #FFF!important;
}
.bg_color_red_white
{
  background: #ff0000;
  color: #FFF;
}
.hover_bg_color_fff:hover
{
 background: #fff;
}
.hover_bg_color_3c414f:hover
{
  background: #3c414f;
}
.hover_bg_color_d49813:hover
{
  background: #d49813;
}
.hover_bg_color_383c4e:hover
{
  background: #383c4e;
}
.hover_bg_color_dde1f8:hover
{
  background: #dde1f8;
}
.hover_bg_color_cfd3ec:hover
{
  background: #cfd3ec;
}
.hover_bg_color_272b38:hover
{
  background: #272b38;
}
.hover_bg_color_2e324a:hover
{
  background: #2e324a;
}
.hover_bg_color_262732:hover
{
  background: #262732;
}
.bg_color_online
{
  background-color: #10a553;
}
.bg_color_offline
{
  background-color: #576279;
}
.bg_color_few_ago
{
  background-color: #ccaf6f;
}
.color_online
{
  color: #10a553;
}
.color_offline
{
  color: #576279;
}
.color_offline_yellow
{
  color: #FFEB3B;
}
.bg_color_gradient_gold_1
{
  background: rgba(212,151,19,1);
  background: -moz-linear-gradient(left, rgba(212,151,19,1) 0%, rgba(230,197,124,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(212,151,19,1)), color-stop(100%, rgba(230,197,124,1)));
  background: -webkit-linear-gradient(left, rgba(212,151,19,1) 0%, rgba(230,197,124,1) 100%);
  background: -o-linear-gradient(left, rgba(212,151,19,1) 0%, rgba(230,197,124,1) 100%);
  background: -ms-linear-gradient(left, rgba(212,151,19,1) 0%, rgba(230,197,124,1) 100%);
  background: linear-gradient(to right, rgba(212,151,19,1) 0%, rgba(230,197,124,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d49713', endColorstr='#e6c57c', GradientType=1 );
}
.bg_color_gradient_gold_2
{
  background: rgba(196,138,12,1);
background: -moz-linear-gradient(left, rgba(196,138,12,1) 0%, rgba(237,193,98,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(196,138,12,1)), color-stop(100%, rgba(237,193,98,1)));
background: -webkit-linear-gradient(left, rgba(196,138,12,1) 0%, rgba(237,193,98,1) 100%);
background: -o-linear-gradient(left, rgba(196,138,12,1) 0%, rgba(237,193,98,1) 100%);
background: -ms-linear-gradient(left, rgba(196,138,12,1) 0%, rgba(237,193,98,1) 100%);
background: linear-gradient(to right, rgba(196,138,12,1) 0%, rgba(237,193,98,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c48a0c', endColorstr='#edc162', GradientType=1 );
}
.bg_color_gradient_gold
{
background: rgba(196,138,12,1);
background: -moz-linear-gradient(left, rgba(196,138,12,1) 0%, rgba(224,174,65,1) 50%, rgba(196,138,12,1) 99%, rgba(196,138,12,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(196,138,12,1)), color-stop(50%, rgba(224,174,65,1)), color-stop(99%, rgba(196,138,12,1)), color-stop(100%, rgba(196,138,12,1)));
background: -webkit-linear-gradient(left, rgba(196,138,12,1) 0%, rgba(224,174,65,1) 50%, rgba(196,138,12,1) 99%, rgba(196,138,12,1) 100%);
background: -o-linear-gradient(left, rgba(196,138,12,1) 0%, rgba(224,174,65,1) 50%, rgba(196,138,12,1) 99%, rgba(196,138,12,1) 100%);
background: -ms-linear-gradient(left, rgba(196,138,12,1) 0%, rgba(224,174,65,1) 50%, rgba(196,138,12,1) 99%, rgba(196,138,12,1) 100%);
background: linear-gradient(to right, rgba(196,138,12,1) 0%, rgba(224,174,65,1) 50%, rgba(196,138,12,1) 99%, rgba(196,138,12,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c48a0c', endColorstr='#c48a0c', GradientType=1 );
}
/*////////////////////////////////////////////////////////////*/
/*////////////////        Border        //////////////////////*/
/*////////////////////////////////////////////////////////////*/

.border_transparent_all
{
  border: transparent;
}
.border_transparent_all:focus
{
  border: transparent;
}
.border_transparent_all:hover
{
  border: transparent;
}
.border_none
{
  border:none;
}
.border_1 
{
  border: 1px solid;
}
.border_1_dotted
{
  border: 1px dotted;
}
.border_2 
{
  border: 2px solid;
}
.border_5 
{
  border: 5px solid;
}
.border_35
{
  border-bottom: 35px solid;
}
.border_top_1 
{
  border-top: 1px solid;
}
.border_top_2 
{
  border-top: 2px solid;
}
.border_top_5
{
  border-top: 5px solid;
}
.border_top_8
{
  border-top: 8px solid;
}
.border_top_20
{
  border-top: 20px solid;
}
.border_left_1 
{
  border-left: 1px solid;
}
.border_left_2 
{
  border-left: 2px solid;
}
.border_left_2px_e5e8fa
{
  border-left: 2px solid #e5e8fa;
}
.border_bottom_1 
{
  border-bottom: 1px solid;
}
.border_bottom_2
{
  border-bottom: 2px solid;
}
.hover_border_color_fff:hover
{
 border-color: #fff;
}
.border_color_3d4354
{
  border-color: #3d4354;
}
.border_color_767ca3
{
  border-color: #767ca3;
}
.border_color_2d2f41
{
  border-color: #2d2f41;
}
.border_color_2a2d3a
{
  border-color: #2a2d3a;
}
.border_color_0d7319
{
  border-color: #0d7319;
}
.border_color_2a2e3a;
{
  border-color: #2a2e3a;
}
.border_color_4a4c60
{
  border-color: #4a4c60;
}
.border_color_bbc4d7
{
  border-color: #bbc4d7;
}
.border_color_d49813
{
  border-color: #d49813;
}
.border_color_343545
{
  border-color: #343545;
}
.border_color_e5e8fa
{
  border-color: #e5e8fa;
}
.border_color_cfd3ec
{
  border-color: #cfd3ec;
}
.border_color_969dc9
{
 border-color: #969dc9;
}
.border_color_ced2ec
{
  border-color: #ced2ec;
}
.border_color_e5e8fa
{
  border-color: #e5e8fa;
}
.border_color_000
{
  border-color: #000;
}
.border_bottom_left_radius_0
{
  border-bottom-left-radius: 0;
}
.border_bottom_right_radius_0
{
  border-bottom-right-radius: 0;
}
.border_top_left_radius_0
{
  border-top-left-radius: 0;
}
.border_top_right_radius_0
{
  border-top-right-radius: 0;
}
.border_top_left_radius_5
{
  border-top-left-radius: 5px;
}
.border_top_right_radius_5
{
  border-top-right-radius: 5px;
}
.border_radius_3 
{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.border_radius_5 
{
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.border_radius_8 
{
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}
.border_radius_10
{
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.border_radius_15
{
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}
.border_radius_20
{
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}
.border_radius_25 
{
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
}
.border_radius_40
{
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
}
.border_none_focus_imp:focus
{
  border:none!important;
}
.border_radius_50p
{
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.border_left_parent_1
{
  border-left: 5px solid #d49813;
}
.border_left_child_1
{
  border-left: 5px solid #767ca3;
}
.border_left_child_2
{
  border-left: 5px solid #4CAF50;
}
.custom_border_set_01 , .custom_border_set_01:hover
{
  border: 1px solid #dbdef1;
}
.custom_border_set_01:focus, .custom_border_set_01:active
{
  border: 1px solid #cacfeb!important;
}

/*////////////////////////////////////////////////////////////*/
/*////////////////        Margin        //////////////////////*/
/*////////////////////////////////////////////////////////////*/
.margin_0
{
  margin:0;
}
.margin_0_imp
{
  margin: 0!important;
}
.margin-10{margin: 10px;} .margin-20{margin: 20px;} .margin-30{margin: 30px;} .margin-40{margin: 40px;} .margin-50px{margin: 50px;}
.margin_auto_0
{
  margin: auto 0;
}
.margin_3
{
  margin: 3px;
}
.margin_5
{
  margin: 5px;
}

.margin_5_auto
{
  margin: 5px auto;
}
.margin_5_0
{
  margin: 5px 0px;
}
.margin_10
{
  margin: 10px;
}
.margin_25
{
  margin: 25px;
}
.margin_10_0_0_0
{
  margin:10px 0 0 0;
}
.margin_8_6
{
  margin: 8px 6px;
}
.margin_top_0_imp
{
  margin-top: 0px!important;
}
.margin_top_0
{
  margin-top: 0px;
}
.margin_top_neg_6
{
  margin-top: -6px;
}
.margin_top_neg_12
{
  margin-top: -12px;
}
.margin_top_neg_20
{
  margin-top: -20px;
}
.margin_top_neg_30
{
  margin-top: -30px;
}
.margin_top_neg_40
{
  margin-top: -40px;
}
.margin_top_neg_80
{
  margin-top: -80px;
}
.margin_t_b_20
{
  margin-top: 20px;
  margin-bottom: 20px;
}
.margin_tb_5
{
  margin-top: 5px;
  margin-bottom: 5px;
}
.margin_tb_3
{
  margin-top: 3px;
  margin-bottom: 3px;
}
.margin_0_7_0_2
{
  margin: 0px 7px 0px 2px;
}
.margin_7_15_2_5
{
  margin: 7px 15px 2px 5px;
}
.margin_9_15_2_5
{
  margin: 9px 15px 2px 5px;
}
.margin_0_1
{
  margin: 0px 1px;
}
.margin_0_2
{
  margin: 0px 2px;
}
.margin_0_3
{
  margin: 0px 3px;
}
.margin_0_5
{
  margin: 0px 5px;
}
.margin_1_3
{
  margin: 1px 3px;
}
.margin_0_5_0_neg_8
{
  margin: 0px 5px 0px -8px;
}
.margin_0_10
{
  margin: 0px 10px;
}
.margin_0_5_0_10
{
  margin: 0px 5px 0px 10px;
}
.margin_0_10_0_5
{
  margin: 0px 10px 0px 5px;
}
.margin_0_20
{
  margin: 0px 20px;
}
.margin_50_20_0_20
{
  margin: 50px 20px 0 20px;
}
.margin_40_0_30_0
{
  margin: 40px 0px 30px 0px;
}
.margin_80_0
{
  margin: 80px 0px;
}
.margin_left_5
{
  margin-left: 5px;
}


.margin_left_0_imp
{
  margin-left: 0px!important;
}
.margin_left_0
{
  margin-left: 0px;
}
.margin_left_15
{
  margin-left: 15px;
}
.margin_left_18
{
  margin-left: 18px;
}
.margin_left_neg_4
{
  margin-left: -4px;
}
.margin_left_right_5
{
  margin-left: 5px;
  margin-right: 5px;
}
.margin_left_right_10
{
  margin-left: 10px;
  margin-right: 10px;
}
.margin_bottom_imp_60
{
  margin-bottom: 60px!important;
}
.margin_top_2
{
  margin-top: 2px;
}
.margin_top_3
{
  margin-top: 3px;
}
.margin_top_5
{
    margin-top: 5px;
}
.margin_top_25
{
  margin-top: 25px;
}
.margin_top_30
{
    margin-top: 30px;
}
.margin_top_35
{
    margin-top: 35px;
}
.margin_top_50
{
  margin-top: 50px;
}

.margin_top_15
{
  margin-top: 15px;
}
.margin_top_20
{
    margin-top: 20px;
}
.margin_top_7
{
    margin-top: 7px;
}
.margin_top_10
{
    margin-top: 10px;
}
.margin_bottom_50
{
    margin-bottom: 50px;
}
.margin_bottom_30
{
    margin-bottom: 30px;
}
.margin_bottom_43
{
    margin-bottom: 43px;
}
.margin_bottom_20
{
    margin-bottom: 20px;
}
.margin_bottom_15
{
    margin-bottom: 15px;
}
.margin_bottom_10
{
    margin-bottom: 10px;
}
.margin_bottom_8
{
  margin-bottom: 8px;
}
.margin_bottom_5
{
   margin-bottom: 5px;
}

.margin_25_10_0_10
{
  margin: 25PX 10px 0PX 10px;
}
.margin_15_10_0_10
{
  margin: 15px 10px 0px 10px;
}

.margin_60_0
{
  margin: 60px 0px;
}
.margin_right_5
{
  margin-right: 5px;
}
.margin_right_10
{
  margin-right: 10px;
}
.margin_right_20
{
  margin-right: 20px;
}
.margin_right_30
{
  margin-right: 30px;
}
.margin_right_50
{
  margin-right: 50px;
}
.margin_right_60
{
  margin-right: 60px;
}
.margin_set_01_resp
{
  margin-right: 400px;
}
.margin_left_10
{
  margin-left: 10px;
}
.margin_left_10_imp
{
  margin-left: 10px!important;
}
.margin_left_20
{
  margin-left: 20px;
}
.margin_left_30
{
  margin-left: 30px;
}
.margin_left_neg_30
{
  margin-left: -30px;
}
.margin_right_neg_80
{
  margin-right: -80px;
}

.margin_tl_set_1
{
    margin-top: 0px;
    margin-left: 49px;
}
.margin_bt_0
{
  margin-bottom: 0;
}

/*////////////////////////////////////////////////////////////*/
/*////////////////          scroller       //////////////////*/
/*////////////////////////////////////////////////////////////*/

.scroller_style_01::-webkit-scrollbar-thumb {
  background: #cfd3ec;
}
.scroller_style_01::-webkit-scrollbar-track {
  background-color: #e5e8fa;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.scroller_type_01::-webkit-scrollbar {
  width:8px;
}
.scroller_type_01::-webkit-scrollbar-track {
  background-color:#ced2ec  ;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius:0px;
}
.scroller_type_01::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #b9bede; 
}

.scroller_type_02::-webkit-scrollbar {
  width:10px;
}
.scroller_type_02::-webkit-scrollbar-track {
  background-color:#d2d4e3  ;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius:0px;
}
.scroller_type_02::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #b8bdd9; 
}

.scroller_type_03::-webkit-scrollbar {
  width:10px;
}
.scroller_type_03::-webkit-scrollbar-track {
  background-color:#e5e7f6  ;
  -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
  border-radius:0px;
}
.scroller_type_03::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #676C8E; 
}
.scroller_type_04::-webkit-scrollbar {
  width: 6px;
    height: 8px;
}
.scroller_type_04::-webkit-scrollbar-track {
  background-color:#f2f3f9  ;
  -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
  border-radius:0px;
}
.scroller_type_04::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #989cbb; 
}
/*////////////////////////////////////////////////////////////*/
/*////////////////          Z_INDEX         //////////////////*/
/*////////////////////////////////////////////////////////////*/
.z_index_neg_1
{
  z-index: -1;
}
.z_index_0
{
  z-index: 0;
}
.z_index_1
{
  z-index: 1;
}
.z_index_2
{
  z-index: 2;
}
.z_index_2_imp
{
  z-index: 2!important;
}
.z_index_3
{
  z-index: 3;
}
.z_index_4
{
  z-index: 4;
}
.z_index_5
{
  z-index: 5;
}
.z_index_6
{
  z-index: 6;
}
.z_index_7
{
  z-index: 7;
}
.z_index_8
{
  z-index: 8;
}
.z_index_9
{
  z-index: 9;
}
.z_index_10
{
  z-index: 10;
}
.z_index_1000
{
  z-index: 1000;
}
.z_index_1001
{
  z-index: 1001;
}
.z_index_10007
{
  z-index: 10007;
}
.z_index_10044
{
  z-index: 10044;
}
.z_index_10049
{
  z-index: 10049;
}
.z_index_11050
{
  z-index: 11050;
}

/*////////////////////////////////////////////////////////////*/
/*////////////////          OUTLINE         //////////////////*/
/*////////////////////////////////////////////////////////////*/

.outline_0
{
  outline: 0;
}
.outline_unset
{
  outline: unset;
}
.outline_none_onfocus:focus
{
  outline: none;
}
/*////////////////////////////////////////////////////////////*/
/*///////////////          BOX_SHADOW        /////////////////*/
/*////////////////////////////////////////////////////////////*/

.box_shadow_1_2_1_0_dark_1
{
  box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.06);
  -ms-box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.06);
}
.box_shadow_light_01
{
  box-shadow: 0px -5px 10px 0px #30313c;
  -webkit-box-shadow: 0px -5px 10px 0px #30313c;
  -moz-box-shadow: 0px -5px 10px 0px #30313c;
  -ms-box-shadow: 0px -5px 10px 0px #30313c;
  -o-box-shadow: 0px -5px 10px 0px #30313c;
}
.box_shadow_style1
{
  box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.11);
  -webkit-box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.11);
  -ms-box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.11);
  -o-box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.11);
}
.bx_shw_level_1
{
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.25);
}
/*////////////////////////////////////////////////////////////*/
/*////////////////         Transition   //////////////////////*/
/*////////////////////////////////////////////////////////////*/   
    .transition_0_3_ease_in
    {
      transition:0.3s ease-in;
      -webkit-transition:0.3s ease-in;
      -moz-transition:0.3s ease-in;
      -o-transition:0.3s ease-in;
      -ms-transition:0.3s ease-in;
    }
    .transition_0_2_ease_in
    {
      transition:0.2s ease-in;
      -webkit-transition:0.2s ease-in;
      -moz-transition:0.2s ease-in;
      -o-transition:0.2s ease-in;
      -ms-transition:0.2s ease-in;
    }    
 .transition_0_1_ease_in
    {
      transition:0.1s ease-in;
      -webkit-transition:0.1s ease-in;
      -moz-transition:0.1s ease-in;
      -o-transition:0.1s ease-in;
      -ms-transition:0.1s ease-in;
    }
    .transition_0_5
    {
      transition:0.5s;
      -webkit-transition:0.5s;
      -moz-transition:0.5s;
      -o-transition:0.5s;
      -ms-transition:0.5s;
    }

/*////////////////////////////////////////////////////////////*/
/*////////////////         TRANSFORM       //////////////////*/
/*////////////////////////////////////////////////////////////*/

.transform_translate_neg_50_neg_50
{
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
}
.transform_translate_neg_50_0
{
  transform: translate(-50%,0%);
  -webkit-transform: translate(-50%,0%);
  -ms-transform: translate(-50%,0%);
  -moz-transform: translate(-50%,0%);
  -o-transform: translate(-50%,0%);
}
.transform_translate_0_neg_50p
{
  transform: translate(0%,-50%);
  -webkit-transform: translate(0%,-50%);
  -ms-transform: translate(0%,-50%);
  -moz-transform: translate(0%,-50%);
  -o-transform: translate(0%,-50%);
}
.transform_translate_neg_327_480
{
  transform: translate(-327PX,479px);
  -webkit-transform: translate(-327PX,479px);
  -ms-transform: translate(-327PX,479px);
  -moz-transform: translate(-327PX,479px);
  -o-transform: translate(-327PX,479px);
}
.transform_translate_neg_327_482
{
  transform: translate(-327PX,482px);
  -ms-transform:translate(-327PX,482px);
  -webkit-transform:translate(-327PX,482px);
  -moz-transform: translate(-327PX,482px);
  -o-transform: translate(-327PX,482px);
}
/*--------------------rotate--------------------- */
.rotate_90_hover:hover
{
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg); 
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.rotate_90
{
  transform: rotate(90deg); 
  -webkit-transform: rotate(90deg); 
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg); 
  -o-transform: rotate(90deg); 
}
.rotate_45
{
  transform: rotate(45deg); 
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg); 
  -o-transform: rotate(45deg);
}
/*/////////////////////////////////////////////////////////////*/
/*////////////////          FILTER BLUR      //////////////////*/
/*/////////////////////////////////////////////////////////////*/
.filter_blur_5
{
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}
.filter_blur_10
{
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
}
.filter_blur_15
{
  -webkit-filter: blur(15px);
  -moz-filter: blur(15px);
  -o-filter: blur(15px);
  -ms-filter: blur(15px);
  filter: blur(15px);
}
/*////////////////////////////////////////////////////////////*/
/*////////////////         USER_SELECT      //////////////////*/
/*////////////////////////////////////////////////////////////*/

.user_select_text
{
     -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text; 
}
.user_select_none
{
      -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}
.user_select_unset
{
   -webkit-user-select: unset;
    -khtml-user-select: unset;
    -moz-user-select: unset;
    -ms-user-select: unset;
    user-select: unset; 
}

/*/////////////////////////////////////////////////////////////*/
/*////////////////         VISIBILITY        //////////////////*/
/*/////////////////////////////////////////////////////////////*/

.visibility_hidden
{
  visibility: hidden;
}
.visibility_visible
{
 visibility: visible;
}
/*/////////////////////////////////////////////////////////////*/
/*////////////////          OPACITY          //////////////////*/
/*/////////////////////////////////////////////////////////////*/

.opacity_0
{
  opacity: 0;
}
.opacity_1
{
  opacity: 1;
}
.li_dim
{
  opacity: 0.6
}
/*/////////////////////////////////////////////////////////////*/
/*////////////////         PLACE HOLDER      //////////////////*/
/*/////////////////////////////////////////////////////////////*/

::placeholder 
{ /* Chrome */
  color: #979aab;
  opacity: 1;
}
::-moz-placeholder 
{ /* Firefox 19+ */
  color: #979aab;
}
/*/////////////////////////////////////////////////////////////*/
/*////////////////             SCROLL        //////////////////*/
/*/////////////////////////////////////////////////////////////*/
.scroll_behavior_smooth
{
  scroll-behavior: smooth;
}
.scroller_hide::-webkit-scrollbar { 
  display: none; 
}
.scroller_hide::-moz-scrollbar { 
  display: none; 
}
.scroller_hide::scrollbar { 
  display: none; 
}
/*/////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////*/
.webkit_box_line_height_1
{
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.webkit_box_line_height_2
{
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}



.list_style_type_circle
{
  list-style-type: circle;
}
/*/////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////*/
.box_prop_01
{
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;

  flex-grow: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;

  flex-positive: 1;
  -webkit-flex-positive: 1;
  -moz-flex-positive: 1;
  height: 374px;
}
/*////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////*/

.animation_blink_shake_l_r
{
  animation: bling_color_shake_l_r 1.4s cubic-bezier(.36,.07,.19,.97) both;
  -moz-animation:  bling_color_shake_l_r 1.4s cubic-bezier(.36,.07,.19,.97) both;
  -webkit-animation:  bling_color_shake_l_r 1.4s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  animation-delay: 1.5s;
  animation-iteration-count: 5;
  animation-direction: forwards;
}

@keyframes bling_color_shake_l_r {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
    color: #d69813;
  }
  
  20%, 80% {
    transform: translate3d(1px, 0, 0);
    color: #d69813;
  }

  30%, 50%, 70% {
    transform: translate3d(-3px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(3px, 0, 0);
    color: #d69813;
  }
}

@-webkit-keyframes bling_color_shake_l_r {
 10%, 90% {
    transform: translate3d(-1px, 0, 0);
    color: #d69813;
  }
  
  20%, 80% {
    transform: translate3d(1px, 0, 0);
    color: #d69813;
  }

  30%, 50%, 70% {
    transform: translate3d(-3px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(3px, 0, 0);
    color: #d69813;
  }
}

@-moz-keyframes bling_color_shake_l_r {
 10%, 90% {
    transform: translate3d(-1px, 0, 0);
    color: #d69813;
  }
  
  20%, 80% {
    transform: translate3d(1px, 0, 0);
    color: #d69813;
  }

  30%, 50%, 70% {
    transform: translate3d(-3px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(3px, 0, 0);
    color: #d69813;
  }
}
.animation_zoom
{
   animation: animation_zoom 1.4s cubic-bezier(.36,.07,.19,.97) both;
  -moz-animation:  animation_zoom 1.4s cubic-bezier(.36,.07,.19,.97) both;
  -webkit-animation:  animation_zoom 1.4s cubic-bezier(.36,.07,.19,.97) both;
  transform: scale3d(1, 1, 1);
  backface-visibility: hidden;
  perspective: 1000px;
  animation-delay: 1.5s;
  animation-iteration-count: 2;
  animation-direction: forwards;
}

@keyframes animation_zoom {
  10%, 60% {
    transform:  scale3d(1.4, 1.4, 1.4);
    color: #d69813;
  }
  40%, 90% {
    transform:  scale3d(1, 1, 1);
    color: #d69813;
  }
  
}
.animation_tiny_shake
{
 -moz-animation: shakeme 1.5s;
  -o-animation: shakeme 1.5s;    
  -webkit-animation: shakeme 1.5s;
  animation: shakeme 1.5s;
   animation-iteration-count: 1;
  animation-delay: 1.5s;

}




@keyframes shakeme {
  0% {
    transform: scale(1);
    color: #d69813;
  }
  10% {
    transform: scale(0.7);
  }
  20% {
    transform: scale(1.5);
  }
  30% {
    transform: scale(1.1);
  }
  40% {
    transform: scale(1.4);
  }
  60% {
    transform: scale(1.1);
  }
  65% {
    transform: scale(1);
  }
  100%
  {
    color: #d69813;
  }
}


@keyframes animation_scale_in {
  100% {
    transform: scale(2);
  }
 
}

.fa_beat {
  animation: fa_beat 3s ease infinite;
}
@keyframes fa_beat {
  0% {
    transform: scale(1);
  }
  5% {
    transform: scale(1.25);
  }
  20% {
    transform: scale(1);
  }
  30% {
    transform: scale(1);
  }
  35% {
    transform: scale(1.25);
  }
  50% {
    transform: scale(1);
  }
  55% {
    transform: scale(1.25);
  }
  70% {
    transform: scale(1);
  }
}


/*/////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////*/
.parent_class_hover_custom_1:hover .submenu_outer_hovered_custom_1
{
 display: block;
}

.default_link_style_with_underline
{
  color: #d49813;
  text-decoration: underline;
}
.default_link_style_with_underline:hover , .default_link_style_with_underline:active , .default_link_style_with_underline:focus
{
  color: #ffb000;
   text-decoration: underline;
}
/*/////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////*/
.flex_centering
{
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}
.box_shadow_animation_01
{   
  animation: box_shadow_animation_01 1.4s cubic-bezier(.36,.07,.19,.97) both;
  -moz-animation:  box_shadow_animation_01 1.4s cubic-bezier(.36,.07,.19,.97) both;
  -webkit-animation:  box_shadow_animation_01 1.4s cubic-bezier(.36,.07,.19,.97) both;
  backface-visibility: hidden;
  perspective: 1000px;
  animation-delay: 1.5s;
  animation-iteration-count: infinite;
  animation-direction: forwards;
}
@keyframes box_shadow_animation_01 {
  0%{
    box-shadow: 0 0 0px 0px #d49813;
  }
  50% {
    box-shadow: 0 0 6px 3px #d49813;
  }
 100% {
    box-shadow: 0 0 0px 0px #d49813;
  }
}
@-webkit-keyframes box_shadow_animation_01 {
  0%{
    box-shadow: 0 0 0px 0px #d49813;
  }
  50% {
    box-shadow: 0 0 6px 3px #d49813;
  }
 100% {
    box-shadow: 0 0 0px 0px #d49813;
  }
}
@-moz-keyframes box_shadow_animation_01 {
  0%{
    box-shadow: 0 0 0px 0px #d49813;
  }
  50% {
    box-shadow: 0 0 6px 3px #d49813;
  }
 100% {
    box-shadow: 0 0 0px 0px #d49813;
  }
}


.avatar_icon_prop_01
{ 
  display: inline-grid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  text-align: center;
  align-items: center;
  align-content: center;
  vertical-align: middle;
}
.avatar_icon_prop_01_size_30
{
  width: 30px;
  height: 30px;
}
.avatar_icon_prop_01_size_40
{
  width: 40px;
  height: 40px;
}
.avatar_icon_prop_01_size_35
{
  width: 35px;
  height: 35px;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////                                       ///////////////////////////////////////////*/
/*//////////////////////////////////////         END OF COMMON CLASSES         ///////////////////////////////////////////*/
/*//////////////////////////////////////                                       ///////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.aprve_icn_clr
{
  color: #5bbc65;
}
.aprve_icn_clr:hover, .aprve_icn_clr:active, .aprve_icn_clr:focus
{
  color: #17ff2f;
}
.rst_rewrk_icon_clr
{
  color: #ff5b50;
}
.rst_rewrk_icon_clr:hover, .rst_rewrk_icon_clr:active, .rst_rewrk_icon_clr:focus
{
  color: #ff2617;
}
.bulk_dwnld_icon_clr
{
  color: #d49813;
}
.bulk_dwnld_icon_clr:hover, .bulk_dwnld_icon_clr:active, .bulk_dwnld_icon_clr:focus
{
  color: #ffb717;
}
.strt_rewrk_icon_clr
{
  color: #ff5b50;
}
.strt_rewrk_icon_clr:hover, .strt_rewrk_icon_clr:active, .strt_rewrk_icon_clr:focus
{
  color: #ff2617;
}




.img_preview_pg_thumnail_stn_btn
{
  position: absolute;
  right: -38px;
  top:14px;
}
.img_preview_pg_thumnail_stn_btn_inner
{
  display: inline-flex;
  background: #d69813;
  cursor: pointer;
  opacity: 0.9;
}
.img_preview_pg_thumnail_stn_btn_inner:hover
{
  opacity: 1;
}
.img_preview_pg_thumnail_stn_btn_icn
{
  padding: 7px;
  
}
.img_preview_pg_thumnail_stn
{
  position: absolute;
  left: 0;
  top: 5px;
  max-width: 250px;
  width: 100%;
  display: inline-block;
  background: #1f222b;
  padding: 10px 0 10px 10px;
  z-index: 1;
  height: calc(100% + 37px);
  transform: translateX(-250px);
  -webkit-transform: translateX(-250px);
  -moz-transform: translateX(-250px);
  -ms-transform: translateX(-250px);
  -o-transform: translateX(-250px);
   -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
}
.img_preview_pg_thumnail_stn.active
{
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
}
.img_preview_pg_thumnail_stn_inner
{
  height: 100%;
  overflow: auto;
}
.img_preview_pg_thumnail
{
  position: relative;
  height: 120px;
  overflow: hidden;
  width: 100%;
  background: #535876;
}
.img_preview_pg_thumnail_img
{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.img_preview_pg_thumnail_stn_ul
{

}
.img_preview_pg_thumnail_stn_li
{
  padding: 3px 7px 3px 0px;
  position: relative;
}
.img_preview_pg_thumnail_stn_li_inner
{
  border: 2px solid #1f222b;
  cursor: pointer;
  position: relative;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
}
.img_preview_pg_thumnail_stn_li_inner.active
{
  border: 2px solid #d69813;
}
.img_preview_pg_thumnail_stn_li_inner_overlay
{
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(256,256,256,0.2);
  width: 0;
  opacity: 0;
  height: 100%;
  z-index: 1;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
}
.img_preview_pg_thumnail_stn_li_inner.selected{
    border: 2px solid #d69813;
}
.img_preview_pg_thumnail_stn_li_inner:hover{
    border: 2px solid #d69813;
}
.img_preview_pg_thumnail_stn_li_inner:hover .img_preview_pg_thumnail_stn_li_inner_overlay{
    width: 100%;
    opacity: 1;
}
.img_preview_pg_thumnail_stn_li_inner.active .img_preview_pg_thumnail_stn_li_inner_overlay{
    width: 100%;
    opacity: 1;
}
.img_preview_pg_thumnail_sts
{
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  padding: 2px 5px 3px 5px;
}
.img_preview_pg_thumnail_sts_inner
{
  padding: 0px 7px;
  background: #d49813;
  color: #000;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  font-size: 11px;
  margin-right: 5px;
}
.img_preview_pg_thumnail_sts_inner.c1
{
  background: #d49813;
}
.img_preview_pg_thumnail_pronme_v
{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  padding: 3px 5px;
  font-size: 16px;
  color: #000;
  z-index: 1;
}
.img_preview_pg_thumnail_pronme
{
  width: calc(100% - 50px);
  float: left;
  font-size: 14px;
}
.img_preview_pg_thumnail_pronme_inner
{
  position: relative;
  display: inline-block;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.img_preview_pg_thumnail_vs
{
  width: 50px;
  float: left;
  text-align: right;
}
.img_preview_pg_thumnail_vs_inner
{
  padding: 1px 6px;
  background: #d49813;
  font-size: 14px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  font-weight: 600;
}


.cht_bx_border_r_adjstmt_t1
{
  border-top-right-radius:0px;
  border-top-left-radius:10px;
  border-bottom-right-radius:10px;
  border-bottom-left-radius:10px;
}
.cht_bx_border_r_adjstmt_t1_rev
{
  border-top-right-radius:10px;
  border-top-left-radius:0px;
  border-bottom-right-radius:10px;
  border-bottom-left-radius:10px;
}


.addt_nte_style
{
  position: absolute;
    left: 110px;
    margin-top: 2px;
}
.view_clr_crrtn_smpls
{
  padding: 0px 5px;
  font-weight: 500;
  color: #d59812;
  opacity: 0.8;
  font-size: 15px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  cursor: pointer;
}
.view_clr_crrtn_smpls:hover
{   
  opacity: 1;
    color: #d59812;
}
.sample_video_preview_sec
{
  max-width: 700px;
  max-height: 600px;
  width: 100%;
  height: 100%;
  overflow: auto;
  display: flex;
  display: -webkit-flex;
}
.sample_video_preview_sec_prop
{
  background: #2d3241;
  padding: 20px;
  margin: auto auto;
}
.sample_video_preview_cls_btn
{   
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  cursor: pointer;
}
.sample_video_preview_cls_btn:hover
{   
  color: #d59812;
}

.sample_video_preview_sec_title_sec
{
  color: #fff;
  padding: 0px 10px 15px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  margin-bottom: 10px;
}
.sample_video_preview_sec_bottom_btns
{
  padding: 5px 20px;
  background: #54627d;
  border-radius: 45px;
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  display: inline-block;
  margin-left: 5px;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  cursor: pointer;
}
.sample_video_preview_sec_bottom_btns:hover
{background: #d59812;}

.sample_video_preview_sec_bottom_btns_sec
{
  color: #fff;
  direction: rtl;
  display: inline-block;
  width: 100%;
  padding: 15px 0 0 0;
  margin-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.sample_video_preview_sec_inner_video_div_prop
{   
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  color: #fff;
}
.sample_video_preview_sec_inner_video_div_prop:hover
{
  color: #d59812;
}
.sample_video_preview_sec_inner_video_div_prop:hover img
{
  opacity: 0.9;
}
.sample_video_preview_sec_content video:focus
{
    outline: unset;
}

.already_exist_popup_inside_li
{
  display: inline-block;
  width: 100%;
}
.already_exist_popup_inside_li .sub1
{
  max-width: calc(100% - 200px);
  float: left;
  word-break: break-all;
}
.already_exist_popup_inside_li .sub2
{
  width: 100%;
  max-width: 200px;
  float: left;
  text-align: right;
}
.top_text_on_loader
{
  position: absolute;
  left: 50%;
  top: 50%;
    transform: translate(-50%,-163%);
  -webkit-transform: translate(-50%,-163%);
  -ms-transform: translate(-50%,-163%);
  -moz-transform: translate(-50%,-163%);
  -o-transform: translate(-50%,-163%);

}
.bottom_text_on_loader
{
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
    transform: translate(-50%,55%);
  -webkit-transform: translate(-50%,55%);
  -ms-transform: translate(-50%,55%);
  -moz-transform: translate(-50%,55%);
  -o-transform: translate(-50%,55%);
}
.lnk_styl_01
{   
    padding: 0px 5px;
    font-weight: 500;
    color: #d59812;
    opacity: 0.8;
    font-size: 15px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    cursor: pointer;
}
.lnk_styl_01:hover
{
    color: #d59812;
    opacity: 1;
}
.lnk_styl_01:focus, .lnk_styl_01:active
{
    color: #d59812;
    opacity: 0.9;
}
/*---------------------------------- DATERANGE PICKER CUSTOMISED  --------------------------------------------*/

.btn-primary
{
    background-image: unset;
    background: #d49813;
    filter: unset;
    background-repeat: repeat-x;
    border-color: #d49813;
}
.btn-primary:focus,
.btn-primary:active,
.btn-primary:hover,
.btn-primary:active:hover
{
  background-image: unset;
  background: #d49813;
  opacity: 0.8;
  border: 1px solid;
}
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #7e6326;
    background-image: none;
    }
  .btn-default:focus,
.btn-default:active,
.btn-default:hover,
.btn-default:active:hover
{
 
  border: 1px solid #d49813;
}  

.daterangepicker td.in-range {
    background-color: #e8e3d6!important;
    border-color: transparent!important;
    color: #000!important;
    border-radius: 0!important;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #d49813!important;
    border-color: transparent!important;
    color: #fff!important;
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td
{
  min-width: 25px!important;
  width: 25px!important;
  height: 20px!important;
  line-height: 18px!important;
}
/*---------------------------------- END DATERANGE PICKER CUSTOMISED  --------------------------------------------*/
.icon_outer_round
{
  min-width: 40px;
  height: 40px;
  background: #ced2ec;
  align-items: center;
  text-align: center;
  display: grid;
  border-radius: 45px;
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
}


.selectbox_prop_sb1 
{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.reg_page_select_bx .select2-container
{
  background: #1f212b;
    color: #fff;
        /*background: #e8f0fe;
        color: #000000;*/
    border-radius: 5px;
    -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
    margin-bottom: 1.875rem;
    border-bottom: 1px solid #75767f;
    
}
.col_nested_01
{
  float: left;
  width: 200px;
}
.col_nested_02
{
  float: left;
  width: calc(100% - 200px);
}
.cls_rsh_jb_marking
{
  padding-top: 25px;
}
.select2_st01_prop .select2-container--default .select2-selection--single .select2-selection__rendered
{
  background: #fff;
  border-radius: 5px;
}


.selectbox_prop_sb1 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b
{
  border-color: transparent transparent #4f4b42 transparent;
}
.selectbox_prop_sb1 .select2-container--default .select2-selection--single .select2-selection__arrow b
{
  border-color: #000000 transparent transparent transparent;
}
.selectbox_prop_sb1 .select2-container--default .select2-selection--single .select2-selection__arrow
{
  height: 20px;
}
.selectbox_prop_sb1 .select2-container--default .select2-selection--single .select2-selection__rendered
{
  line-height: 22px;
  padding-left: 5px;
}
.selectbox_prop_sb1 .select2-container .select2-selection--single
{
  height: 22px;
}
.select2-container--default .selectbox_prop_ul_sb1 .select2-results__option--highlighted[aria-selected]
{
    background-color: #656988;
    color: white;
}
.selectbox_prop_ul_sb1 .select2-results__option[aria-selected]
{
       padding: 2px 6px;
       font-size: 14px;
}
.select2-container--default .selectbox_prop_ul_sb1 .select2-results__option[aria-selected=true]
{
  background-color: #656988;
}

.selectbox_prop_ul_sb1_outer.select2-dropdown
{
    background-color: #464a64;
    border: 1px solid #464a64;
    color: #daddf5;
}

.paid_img_prop
{
  position: absolute;
  z-index: 1;
  top:50%;
  width:150px;
  left: 50%;
  opacity: .5;
  transform: translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
 }
.green_bar_on_grid_prop
{
  border-bottom-left-radius: 45px;
  width: 6px;
}
.green_bar_on_list_prop
{
  border-bottom-left-radius: 45px;
  border-top-left-radius: 45px;
  width: 6px;
}
.chat_box_pos_adjstmt
{
  transform: translate(-327PX,482px);
  -ms-transform:translate(-327PX,482px);
  -webkit-transform:translate(-327PX,482px);
  -moz-transform: translate(-327PX,482px);
  -o-transform: translate(-327PX,482px);
  width: 300px;
}

.height_110
{
  height: 110px;
}

.overflow_set_011
{
  overflow-y: visible;
}


@keyframes uploading-arrow {
  0% {
    margin-bottom: -40%;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    margin-bottom: 10%;
  }
}
@keyframes uploading-arrow-complete {
  from {
    margin-bottom: -30%;
    opacity: 0;
  }
  to {
    margin-bottom: 0;
    opacity: 1;
    fill: #46bb39;
  }
}
.upload-btn-container {
  position: relative;
  overflow: hidden;
  width: 32px;
  height: 32px;
  display: inline-block;
}
.upload-btn-container svg {
  position: absolute;
}
.upload-btn-container svg.upload-box {
  bottom: -7px;
}
.upload-btn-container svg.upload-arrow {
  left: 8px;
  position: absolute;
  opacity: 0;
  bottom: 20%;
  animation: uploading-arrow 1.5s ease-out infinite;
}
.upload-btn-container.upload-complete .upload-arrow {
  animation: uploading-arrow-complete 1.5s ease-out 1;
  transition: fill 1.5s ease-out;
}
.upload-btn-container.upload-complete svg {
  opacity: 1;
}
.upload-btn-container.upload-complete path {
  fill: #46bb39;
}



/*/////////////////////////////////////////////////////////////*/
.custom_col_general
{ 
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
.lv_custom_col_1
{
  width: 100%;
  max-width: 310px;
}
.lv_custom_col_2
{
  width: 100%;
  max-width: 160px;
}
.lv_custom_col_timer
{
  width: 100%;
  max-width: 120px;
}
.lv_custom_col_3
{
  width: 100%;
  max-width:35px;
}
.lv_custom_col_4
{
  width: auto;
  float: right;
  position: absolute;
  text-align: left;
  right: 0;
  min-width: 210px;
 /* z-index: 2;*/
}
.lv_custom_col_5
{
    max-width: 125px;
    width: 100%;
}
.lv_custom_col_1_1
{
    max-width: 70px;
    width: 100%;
}
.lv_custom_col_1_2
{
    max-width: 130px;
    width: 100%;
}

.widget-name[min-width~="1850px"] .lv_custom_col_1 {
   max-width: 20%; 
}
.widget-name[min-width~="1850px"] .lv_custom_col_4 {
   max-width: 30%; 
}
.widget-name[min-width~="1850px"] .lv_custom_col_2 {
   max-width: 5%; 
}
.widget-name[min-width~="1850px"] .lv_custom_col_timer {
   max-width: 10%; 
}
.widget-name[min-width~="1850px"] .lv_custom_col_3 {
   max-width: 15%; 
}
.widget-name[min-width~="1850px"] .lv_custom_col_3 .sh_cls_01{
   display: inline-block;
}

.widget-name[max-width="1310px"] .lv_custom_col_1{
       max-width: 240px;
}
.widget-name[max-width="1310px"] .title_width_adjstmt_propject_list_view{
          max-width: 190px;
}
.widget-name[max-width="1310px"] .lv_custom_col_2{
       max-width: 158px;
}
.widget-name[max-width="1310px"] .lv_custom_col_timer{
       max-width: 125px;
}
.widget-name[max-width="1310px"] .lv_custom_col_5{
       max-width: 90px;
}
.widget-name[max-width="1310px"] .hide_icons_resp{
      display: none;
}
.widget-name[max-width="1310px"] .col_hide_01{
      display: none;
}
.widget-name[max-width="1310px"] .col_show_01{
      display: inline;
}
.list_view_timer_bx {
  padding: 3px 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.green_btn
{
  background: #4CAF50;
  color: #fff;
}
.gray_btn
{
    background: #424e6f;
    color: #fff;
}
.black_btn
{
  background: #7b7676;
  color: #fff;
}
.red_btn
{
  background: #F44336;
  color: #fff;
}
.blue_btn 
{
  background: #03A9F4;
  color: #fff;
}
.yellow_btn 
{
  background: #FFEB3B;
  color: #000000;
}
.orange_btn
{
  background: #d59811;
  color: #ffffff;
}
.animation_blink_red
{
  animation: animation_blink_red_anim 6s cubic-bezier(.36,.07,.19,.97) both;
  -moz-animation:  animation_blink_red_anim 6s cubic-bezier(.36,.07,.19,.97) both;
  -webkit-animation:  animation_blink_red_anim 6s cubic-bezier(.36,.07,.19,.97) both;
  animation-delay: 1s;
  animation-direction: forwards;
  animation-iteration-count: infinite;
}
@keyframes animation_blink_red_anim {
  10%, 90% {background: rgba(255, 255, 255, 0.4);color: #000;}
  20%, 80% {background: #F44336;color: #fff;}
  30%, 50%, 70% {background: rgba(255, 255, 255, 0.4);color: #000;  }
  40%, 60% { background: #F44336; color: #fff; }
}
@-webkit-keyframes animation_blink_red_anim {
  10%, 90% {background: rgba(255, 255, 255, 0.4);color: #000;}
  20%, 80% {background: #F44336;color: #fff;}
  30%, 50%, 70% {background: rgba(255, 255, 255, 0.4);color: #000;  }
  40%, 60% { background: #F44336; color: #fff; }
}
@-moz-keyframes animation_blink_red_anim {
  10%, 90% {background: rgba(255, 255, 255, 0.4);color: #000;}
  20%, 80% {background: #F44336;color: #fff;}
  30%, 50%, 70% {background: rgba(255, 255, 255, 0.4);color: #000;  }
  40%, 60% { background: #F44336; color: #fff; }
}
@-o-keyframes animation_blink_red_anim {
  10%, 90% {background: rgba(255, 255, 255, 0.4);color: #000;}
  20%, 80% {background: #F44336;color: #fff;}
  30%, 50%, 70% {background: rgba(255, 255, 255, 0.4);color: #000;  }
  40%, 60% { background: #F44336; color: #fff; }
}
.flex_column_centering_imp
{
  display: flex!important;
  display: -webkit-flex!important;
  -webkit-align-items: center!important;
  align-items: center!important;
}
.progress-bar-custom
{
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #d69813;
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
  background-image: -webkit-linear-gradient(top,#d69813 0,#ac7a0c  100%);
  background-image: -o-linear-gradient(top,#d69813 0,#ac7a0c  100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#d69813),to(#ac7a0c ));
  background-image: linear-gradient(to bottom,#d69813 0,#ac7a0c  100%);
  background-repeat: repeat-x;
}
 

.custom_indicator_1
{
  
  vertical-align: middle;
  padding-right: 5px;
  font-size: 13px!important;
}
.text_left_align_h4 h4
{
  text-align: left;
}
.li_underline_custom
{
 border-bottom:1px solid #ddd;
}
.li_underline_custom:last-child
{
 border-bottom:unset;
}

.online_status_inner
{
 position: absolute;
 right: 0;
 top: 0;
 width: 10px;
 height: 10px;
 border-radius: 40px;
 -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
 display: none;
}
.user_status_online .online_status_inner
{
 background-color: #10a553;
 display: block;
}
.user_status_offline .online_status_inner
{
 background-color: #576279;
 display: block;
}
.user_status_few_ago .online_status_inner
{
 background-color: #ccaf6f;
 display: block;
}
.custom_textarea_type_2
{
  width: 100%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: none;
  background-color: rgb(207, 211, 241);
  color: #272b38;
  padding: 10px;
  
}
.custom_textarea_type_2:focus
{
  border:transparent;
  outline: transparent;
}
.custom_textarea_type_2:active
{
  border:transparent;
  outline: transparent;
}
.custom_textarea_type_2:hover
{
  border:transparent;
  outline: transparent;
}
.button_custom_style_01
{
  background-color: transparent;
  color: #ffffff;
  border-radius: 17px;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  outline: unset;
  padding: 5px 15px 5px 15px;
  font-size: 17px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  width: 100%;
  border: 1px solid #d69812;
}
.button_custom_style_01:hover
{
  background-color: #d69812;
  border: 1px solid #d69812;
}
.button_custom_style_01:hover, .button_custom_style_01:focus, .button_custom_style_01:active
{
  border: 1px solid #d69812!important;
}
.parent_button_outer_for_active_cls .active
{
  background-color: #d69812;
  border: 1px solid #d69812;
}


/*////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////     MENU TOGGLE SECTION     //////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
  .icon_list_menubar
  {
    float: right;
    display: none;
  }
  #resp_menubar_icons_list {
    position: absolute;
    width: calc(100% - 70px);
    right: 0;
    margin: 0 60px 0 10px;
    padding: 0 10px;
    height: 50px;
    background: #252834;
    z-index: 100;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-transition: all 0.1s ease;
    visibility: hidden;
    transform: translateX(-100%); 
    -webkit-transform: translateX(-100%); 
    -moz-transform: translateX(-100%); 
    -o-transform: translateX(-100%); 
    -ms-transform: translateX(-100%); 
  }
  #resp_menubar_icons_list_toggle
  {
    display: none;
  }
  #resp_menubar_icons_list_toggle:checked + #resp_menubar_icons_list {
    visibility: visible;
     transform: translateX(0%); 
    -webkit-transform: translateX(0%); 
    -moz-transform: translateX(0%); 
    -o-transform: translateX(0%); 
    -ms-transform: translateX(0%); 
    
  }
  

/*////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////           datepicker        //////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
.datepicker
{
      padding: 5px 12px!important;
}
.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover
{
      background-color: #d49813!important;
    background-image: -moz-linear-gradient(to bottom,#f6c24f,#d49813)!important;
    background-image: -ms-linear-gradient(to bottom,#f6c24f,#d49813);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f6c24f),to(#d49813))!important;
    background-image: -webkit-linear-gradient(to bottom,#f6c24f,#d49813)!important;
    background-image: -o-linear-gradient(to bottom,#f6c24f,#d49813)!important;
    background-image: linear-gradient(to bottom,#f6c24f,#d49813)!important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8c75a', endColorstr='#d49813', GradientType=0);
    border-color: #d49813 #d49813 #002a80;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}
.datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover
{
    background-color: #d49813!important;
    background-image: -moz-linear-gradient(to bottom,#f6c24f,#d49813)!important;
    background-image: -ms-linear-gradient(to bottom,#f6c24f,#d49813);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f6c24f),to(#d49813))!important;
    background-image: -webkit-linear-gradient(to bottom,#f6c24f,#d49813)!important;
    background-image: -o-linear-gradient(to bottom,#f6c24f,#d49813)!important;
    background-image: linear-gradient(to bottom,#f6c24f,#d49813)!important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8c75a', endColorstr='#d49813', GradientType=0);
    border-color: #d49813 #d49813 #002a80;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}
/*////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////        end datepicker      //////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/


.select_custom_prop_001 {
  height: 0;
  padding: 0;
  visibility: hidden;

}

  #launcher
  {
    display: none!important;
  }
  .chat_icon_btm_lft
  {
    text-align: center;
    display: grid;
    vertical-align: middle;
    border: none;
    background: #d49813;
    z-index: 10035;
    transform: translateZ(0px);
    position: fixed;
    transition: opacity 250ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s, top, bottom;
    opacity: 1;
    width: 50px;
    height: 50px;
    margin: 10px 20px;
    left: 0px;
    bottom: 0px;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
  }
  .chat_icon_btm_lft_inner
  {
    display: inline-grid!important;
    align-content: center;
    font-size: 30px!important;
    font-weight: 600!important;
  }
/*/////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////*/
.transition {
  transition: all 0.3s ease-out;
}
.heading {
  text-align: center;
  font-size: 0.8em;
}
.center-align {
  display: table;
  width: 100%;
}
.input_new_type_style_1
{
  margin: 10px 0;
}
.input_new_type_style_1 a {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  background-color: #656988;
  background: linear-gradient(to right, #8e95ba, #59607b); 
  color: white;
  padding: 10px 10px;
  border-radius: 45px;
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  width: 100%;
  font-weight: 400;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
}

.input_new_type_style_1 a:hover {
  background-color: #d49813;
  background:linear-gradient(to right, #e5a71f, #b37b00);
}

/*////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////  start pulsating-circle    //////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/

.pulsating-circle:before {
  content: '';
  position: relative;
  display: block;
  width: 300%;
  height: 300%;
  box-sizing: border-box;
  margin-left: -100%;
  margin-top: -100%;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  background-color: #d49813;
  animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.pulsating-circle:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 45px;
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  box-shadow: 0 0 8px rgba(0, 0, 0, .3);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
  animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
  -webkit-animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
  -moz-animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}
@keyframes pulse-ring {
  0% {
    transform: scale(0.33);
    -webkit-transform: scale(0.33);
  -moz-transform: scale(0.33);
  }
  80%, 100% {
    opacity: 0;
  }
}
@keyframes pulse-dot {
  0% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  -moz-transform: scale(1);
  }
  100% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  }
}
/*////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////  start pulsating-circle    //////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/

.custom_button_style_1
{
   background-color: transparent;
    color: #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    outline: unset;
    padding: 3px 20px 3px 20px;
    font-size: 15px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    border: 1px solid #d69812;
    margin-top: 5px;

}
.custom_button_style_1:hover , .custom_button_style_1:active , .custom_button_style_1:focus
{
   background-color: #d69812;
    color: #fff;
   
}


.custom_button_style_2
{
  background: #d49813;
  color: #fff;
  padding: 5px 25px 5px 25px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  outline: unset;
  border: 1px solid #d69812;
  font-size: 15px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
}
.custom_button_style_2:hover , .custom_button_style_2:active , .custom_button_style_2:focus
{
   background-color: #d69812;
    color: #fff;
   
}
.custom_button_style_3
{
  background: transparent;
  border: 1px solid #bdc1de;
  color: #000;
  padding: 5px 25px 5px 25px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  outline: unset;

  font-size: 15px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;

}
.custom_button_style_3:hover , .custom_button_style_3:active , .custom_button_style_3:focus
{
    background: transparent;
    border: 1px solid #bdc1de;
    color: #000;
   
}

    .owl-carousel {
        height: 100%;
    }

    .owl-carousel .owl-item, .owl-carousel .item {
        height: calc(100vh - 100px);
         margin-top: 45px;
    }

   .owl_item_prop_01 .owl-item
   {
     height:auto;
         margin-top: 0px;
   }


  .owl_item_prop_01 .item {
      border: none!important;
  }
  .owl_item_prop_01 .owl-dots
  {
    position: unset!important;
    bottom: unset!important;
    left: unset!important;
  }

   .owl_item_prop_01 .owl-dots .owl-dot span
   {
       background: #ac7d13!important;
   }
   .owl_item_prop_01 .owl-dots .owl-dot.active span, .owl_item_prop_01 .owl-dots .owl-dot:hover span
   {
     background: #fff!important;
   }
    .owl-thumb-item img {
        width: 100%;
    max-height: 220px;
    object-fit: cover;
    display: block;
    vertical-align: middle;

    }
.owl-thumb-item video {
       width: 100%;
    max-height: 220px;
    object-fit: cover;
    display: block;
    vertical-align: middle;
    }
    .owl-thumbs {
       position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 3%;
    grid-template-columns: repeat(auto-fill, minmax(410px, 1fr));
    transition-delay: 0.5s;
    display: grid;
    align-content: center;
    align-items: center;
    justify-items: center;
    }

    .owl-thumb-item {
        outline: none;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        background: none;
        padding: 0;
        opacity: 1;
        overflow: hidden;
        position: relative;
        transition:0.2s ease-in;
        -webkit-transition:0.2s ease-in;
        -moz-transition:0.2s ease-in;
        -o-transition:0.2s ease-in;
        -ms-transition:0.2s ease-in;

    }

    .owl-thumb-item.active {
      outline: none;
         border: 2px solid #d49813;
    }

    .owl-thumb-item:hover {
      outline: none;
      border: 2px solid #d49813;
    }
    .owl-thumb-item:active , .owl-thumb-item:focus  {
      outline: none;
      border: 2px solid #d49813;
    }
    .label {
        position: absolute;
        top: 20px;
        right: 20px;
        background-color: #0a6cff;
        color: white;
        padding: 10px 20px;
        z-index: 5;
        text-align: center;
    }
    .owl-carousel .owl-item img
    {
      height: auto;
    width: auto!important;
    }
    #photos_videos_list_tutorial_section 
    {
      line-height: 1;
      -webkit-column-count:4; 
      -moz-column-count:4;   
      column-count:4;
      -webkit-column-gap:5px;
      -moz-column-gap:5px;
      column-gap:5px;
    }

      
   
/*/////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////*/

.loader_type_01_outer {

}

.loader_type_01_line {
  animation: expand_loader_animation 1s ease-in-out infinite;
  transform-origin: center center;

}

.loader_type_01_line:nth-child(1) {
}

.loader_type_01_line:nth-child(2) {
  animation-delay: 180ms;
}

.loader_type_01_line:nth-child(3) {
  animation-delay: 360ms;
}

.loader_type_01_line:nth-child(4) {
  animation-delay: 540ms;
}

@keyframes expand_loader_animation {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(2);
  }
}


/*/////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////*/
.modal-backdrop
{
  z-index: 10050!important;
}
.modal
{
  z-index: 10051!important;
}
    #tour_tour
    {
      z-index: 10051;
    }


    .collaborators_settings_submenu_submenu
    {
      position: absolute;
      /* height: 100px; */
      overflow: hidden;
      padding: 0px 0px;
      border-radius: 10px 10px 10px 10px;
      -webkit-border-radius: 10px 10px 10px 10px;
      -moz-border-radius: 10px 10px 10px 10px;
     /* background: rgb(236, 240, 245);*/
      -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.30);
      -moz-box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.30);
      box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.30);
      transition: 0.3s;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      -ms-transition: 0.3s;

    }
    .collaborators_settings_submenu_submenu p
    {
      width: 100%;
      list-style: none;
      text-align: left;
      padding: 6px 10px 6px 10px;
      cursor: pointer;
      transition: 0.1s;
      -webkit-transition: 0.1s;
      -moz-transition: 0.1s;
      -o-transition: 0.1s;
      -ms-transition: 0.1s;
      -webkit-animation: slide_to_left_anim_small 0.2s ease-out forwards;
      -moz-animation:  slide_to_left_anim_small 0.2s ease-out forwards;
      -o-animation: slide_to_left_anim_small 0.2s ease-out forwards;
      -ms-animation: slide_to_left_anim_small 0.2s ease-out forwards;
      animation: slide_to_left_anim_small 0.2s ease-out forwards;
      animation-delay: 0.08s;
      transform: translate(0px,10px); 
      -webkit-transform: translate(0px,10px); 
      -moz-transform: translate(0px,10px); 
      -o-transform: translate(0px,10px); 
      -ms-transform: translate(0px,10px); 
      opacity: 0;
    }
    .bg_color_edeffd
    {
      background: #edeffd;
    }
    .hover_bg_4c5163_e5e8fa:hover
    {
     background: #4c5163;
    color: #e5e8fa;
    }
    .hover_bg_969dc9_fff:hover
    {
      background: #969dc9;
      color: #fff;
    }
    .hover_bg_9fb6d2_visited:visited
    {
      background: #9fb6d2; 
    }
    .collaborators_settings_submenu_submenu p:last-child
    {
     padding: 6px 10px 16px 10px;
    }
    .collaborators_settings_submenu_submenu p:first-child
    {
       padding: 16px 10px 6px 10px;
    }

 /*/////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////*/

.pro_inner_comment_box_content_online_section_head
{
     position: sticky;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
    top: 0;
    background: #1f222b;
    width: 100%;
    padding: 10px 15px;
    display: inline-block;
}

.add_collaborator_icon_prop_01
{
    border-radius: 45px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    background: #2f3143;
    padding: 3px ;
}
.pro_inner_comment_box_content_online_section_ul
{
  padding-left: 10px;
  padding-right: 0px;

}
.pro_inner_comment_box_content_online_section_ul li
{
 display: table;
 height: 60px;
}
.pro_inner_comment_box_content_online_section_ul_li
{
   display: table;
 height: 60px;
}
.pro_inner_comment_box_content_online_section_ul_li.height_unsetting_prop
{
  height: unset;
}
.chat_bx_date_pos_prop
{
  background: rgba(247, 248, 250, 0.9);
  position: relative;
  z-index: 1;
  padding: 3px 12px;
  color: #2c2b3c;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}
.pro_inner_comment_box_collaborator_logo
{
align-items: center;
align-content: center;
vertical-align: middle;
  display: table-cell;
}
.pro_inner_comment_box_collaborator_logo_outer_thumb
{
  display: inline-grid;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    text-align: center;
    align-items: center;
    align-content: center;
    vertical-align: middle;
}

.pro_inner_comment_box_collaborator_logo_outer
{ 
  /*display: inherit;*/
  display: inline-grid;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  text-align: center;
    align-items: center;
align-content: center;
vertical-align: middle;

}
.pro_inner_comment_box_collaborator_logo_outer_bg
{
    background-color: #3b3f4b;
  background-image: linear-gradient(to right, #343741 , #585f72);
}

.pro_inner_comment_c_logo_letter
{
text-align: center;
align-items: center;
align-content: center;
vertical-align: middle;
font-weight: 600;
text-transform: uppercase;
}
/*.pro_inner_comment_c_logo_letter:hover
{
color: #d69812;
}*/

.popup_collaborator_name_style
{
align-items: center;
align-content: center;
}
.pro_inner_comment_box_collaborator_name
{
align-items: center;
align-content: center;
vertical-align: middle;
  display: table-cell;
  width: 240px;
}

.manage_collaborator_section_name_list
{
align-items: center;
align-content: center;
vertical-align: middle;
  display: table-cell;
}

.pro_inner_comment_box_collaborator_name_outer
{
padding-left: 10px;
line-height: 20px;
}

.pro_inner_comment_c_name_letter
{
  color: #7f848f;
  max-width: 170px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.pro_inner_comment_c_name_letter:hover
{
  color: #7f848f;
}
.pro_inner_comment_c_name_letter_bottom
{
  color: #5d626f;
  font-size: 14px;
  max-width: 200px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.pro_inner_comment_c_name_letter_bottom:hover
{
  color: #5d626f;
}
.pro_inner_comment_box_collaborator_online
{
  align-items: center;
  align-content: center;
  vertical-align: middle;
  display: table-cell;
}
.pro_inner_comment_box_collaborator_online_icon
{
  display: inherit;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  /*background-color: #576279;*/
  /*background-color: #10a553;*/
  /* background-image: linear-gradient(to right, #3b3f4b , #747c93);*/
  text-align: center;
  align-items: center;
  align-content: center;
  vertical-align: middle;
}
.remove_for_collaborators:hover
{
    transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
    background: #969dc9;
    color: #fff;
}
.add_for_collaborators
{
  padding: 1px 17px;
  border-radius: 25px;
  border: 1px solid #969dc9;
  font-size: 14px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
}

.add_for_collaborators:hover
{
      
  background: #969dc9;
  color: #fff;
}
.add_for_collaborators_01
{
  padding: 4px 17px;
  border-radius: 25px;
  border: 1px solid #969dc9;
  font-size: 14px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
}

.add_for_collaborators_01:hover
{
      
  background: #969dc9;
  color: #fff;
}
.pro_inner_comment_box_content_online_section_head_popup
{
      position: sticky;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
    top: 54px;
    width: 100%;
    padding: 10px 20px;
    display: inline-block;
    background: #e5e8fa;
    z-index: 10;
}
.pad_border_for_head_collaborator
{
  border-bottom: 2px solid #b8bddc;
  padding-bottom: 3px;
}
.add_collaborator_icon_prop_02 {
    border-radius: 45px;
    background: #ced2ec;
    padding: 3px;
    color: #2f3144;
}
.pro_inner_comment_c_name_letter_prop:hover
{
  color: #1e202b;
}
.pro_inner_comment_box_content_online_section_head_section_1 {
    width: 100%;
    display: inline-block;
}
.sp_default_popup_input_style_02
{
  
    padding: 7px 5px 7px 8px;
    background: #cfd3ec;
    outline: none;
    border-radius: 8px;
    border: 1px solid #cfd3ec;
    transition:0.3s;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  -o-transition:0.3s;
  -ms-transition:0.3s;

}
.sp_default_popup_input_style_02:focus
{
  border: 1px solid #cfd3ec !important;
}

/*///////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////*/
.invisible_animation_02
{
  animation: invisible_animation_02 0.3s ease-out forwards;
  animation-delay: 5s;
}
@keyframes invisible_animation_02 {
  0%{opacity: 1;}
  100%{
    
    transform: translate(0px,-20px); 
    -webkit-transform: translate(0px,-20px); 
    -moz-transform: translate(0px,-20px); 
    -o-transform: translate(0px,-20px); 
    -ms-transform: translate(0px,-20px);
    opacity: 0; display: none;
  }
}
@-webkit-keyframes invisible_animation_02 {
  0%{opacity: 1;}
  100%{
    
    transform: translate(0px,-20px); 
    -webkit-transform: translate(0px,-20px); 
    -moz-transform: translate(0px,-20px); 
    -o-transform: translate(0px,-20px); 
    -ms-transform: translate(0px,-20px);
    opacity: 0; display: none;
  }
}  
@-moz-keyframes invisible_animation_02 {
  0%{opacity: 1;}
  100%{
    
    transform: translate(0px,-20px); 
    -webkit-transform: translate(0px,-20px); 
    -moz-transform: translate(0px,-20px); 
    -o-transform: translate(0px,-20px); 
    -ms-transform: translate(0px,-20px);
    opacity: 0; display: none;
  }
}
.popup_inside_popup
{
    margin: 5px 0px;
    position: absolute;
    padding: 2px 10px;
    bottom: 0;
    left: 0;
    color: #e5e8fa;
    background: rgba(79, 83, 109, 0.86);
    display: inline-block;
    border-radius: 36px;
}
.bottom_to_top_fading_animation
{
      -webkit-animation: bottom_to_top_fading_animation 0.15s  forwards;
    -moz-animation:  bottom_to_top_fading_animation 0.15s forwards;
    -o-animation: bottom_to_top_fading_animation 0.15s forwards;
    -ms-animation: bottom_to_top_fading_animation 0.15s forwards;
    animation: bottom_to_top_fading_animation 0.15s forwards;
    transform: translate(0px,20px); 
    -webkit-transform: translate(0px,20px); 
    -moz-transform: translate(0px,20px); 
    -o-transform: translate(0px,20px); 
    -ms-transform: translate(0px,20px); 
    opacity: 0;
}

@keyframes bottom_to_top_fading_animation {
  100%{
    opacity: 1;
    -ms-transform: translate(0px,0px); 
    -webkit-transform: translate(0px,0px); 
    -o-transform: translate(0px,0px); 
    -moz-transform: translate(0px,0px); 
    transform: translate(0px,0px); 
  }
}
@-moz-keyframes bottom_to_top_fading_animation {
  100%{
    opacity: 1;
   -ms-transform: translate(0px,0px); 
    -webkit-transform: translate(0px,0px); 
    -o-transform: translate(0px,0px); 
    -moz-transform: translate(0px,0px); 
    transform: translate(0px,0px); 
 }
}
@-o-keyframes bottom_to_top_fading_animation {
  100%{
    opacity: 1;
   -ms-transform: translate(0px,0px); 
    -webkit-transform: translate(0px,0px); 
    -o-transform: translate(0px,0px); 
    -moz-transform: translate(0px,0px); 
    transform: translate(0px,0px); 
 }
}
@-webkit-keyframes bottom_to_top_fading_animation {
  100%{  opacity: 1;
   -ms-transform: translate(0px,0px); 
    -webkit-transform: translate(0px,0px); 
    -o-transform: translate(0px,0px); 
    -moz-transform: translate(0px,0px); 
    transform: translate(0px,0px); 
  }
}


.circ{
    opacity: 0;
    stroke-dasharray: 130;
    stroke-dashoffset: 130;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.tick{
    stroke-dasharray: 50;
    stroke-dashoffset: 50;
    -webkit-transition: stroke-dashoffset 1s 0.5s ease-out;
    -moz-transition: stroke-dashoffset 1s 0.5s ease-out;
    -ms-transition: stroke-dashoffset 1s 0.5s ease-out;
    -o-transition: stroke-dashoffset 1s 0.5s ease-out;
    transition: stroke-dashoffset 1s 0.5s ease-out;
}
.drawn + svg .path{
    opacity: 1;
    stroke-dashoffset: 0;
}

/*...............................................................................................................................................................*/
/*...............................................................................................................................................................*/
/*...............................................................................................................................................................*/
/*.................................................. START  CUSTOM POPUP 02 SECTION (DEFAULT SETTINGS FORM)......................................................*/
/*...............................................................................................................................................................*/
/*...............................................................................................................................................................*/
/*...............................................................................................................................................................*/

.sp_default_popup_content_form_outer
  {
    margin: 0px 0px;
    display: inline-block;
    width: 100%;
  }
  .sp_default_popup_content_form_subhead
  {
        padding: 5px 0px;
    border-radius: 5px;
    background: rgb(207, 211, 236,0);
  }
  .sp_default_popup_content_form_subhead_prop
  {
    padding: 5px 6px 5px 0px;
    color: #4f536d;
  }

  .sp_default_popup_content_form_subhead_prop:hover
  {
    color: #4f536d;
  }
  .sp_default_popup_input_prop_color
  {
    
    color: #2f3144;
    background: #cfd3ec;
    border: 1px solid #cfd3ec;
     transition:0.3s;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    -o-transition:0.3s;
    -ms-transition:0.3s;
  }
  .sp_default_popup_input_prop_other
  {
    margin: 25PX auto 0PX auto; 
    padding: 10px 5px;
    outline: none;
    border-radius: 8px;
  }


  .sp_range_slider_type_2 {
      -webkit-appearance: none;
      width: 100%;
      height: 2px;
      border-radius: 5px;
      background: #cfd3ec;
      outline: none;
      opacity: 1;
      transition: opacity .2s;
      -webkit-transition: 0.2s;
      -moz-transition: 0.2s;
      -o-transition: 0.2s;
      -ms-transition: 0.2s;
  }
  .sp_range_slider_type_2:hover {
      opacity: 1;
      background: #cfd3ec;
  }

  .sp_range_slider_type_2_inner::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: #cfd3ec;
      cursor: pointer;

  }

  .sp_range_slider_type_2_inner::-moz-range-thumb {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: #cfd3ec;
      cursor: pointer;

  }
.sp_default_popup_input_style
{
    margin-top: 25px;
    margin-bottom: 0px;
    padding: 7px 5px 7px 8px;
    background: #cfd3ec;
    outline: none;
    border-radius: 8px;
    border: 1px solid #cfd3ec;
    transition:0.3s;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  -o-transition:0.3s;
  -ms-transition:0.3s;

}
.sp_default_popup_input_style:focus
{
  border: 1px solid #cfd3ec !important;
}
.sp_default_popup_input_style_error
{
  border:1px solid #ff1100;
}
.sp_default_placeholder_01::placeholder {
  color: #2f3144;
}
.sp_default_placeholder_01::-ms-input-placeholder { 
  color: #2f3144;
}
.sp_default_placeholder_01::-ms-input-placeholder {
  color: #2f3144;
}
.sp_default_popup_input_style_label_prop
{
  font-size: 16px;
  font-weight: 500;
}
.popup_type_01_content_head_02
{
  display: inline-block;
  width: 100%;
  padding: 20px 20px;
  text-transform: uppercase;
  color: #4f536d;
  background: #e5e8fa;
  font-weight: 600;
  font-size: 20px;
  height: 70px;
  z-index: 10;
}
.popup_type_01_content_head_03
{
  font-weight: 600;
  font-size: 20px;
  height: 70px;
  z-index: 10;
}
.popup_type_01_content_head_04
{
  font-weight: 600;
  font-size: 20px;
  height: 70px;
  z-index: 11;
}
.popup_type_01_inner_size_03
{
  width: 90%;
  max-width: 1150px;
  max-height: 90%;
  height: 900px;
}
.sp_default_popup_content_outer_section
{
  padding: 10px 0px;
   
    color: #262933;
    margin: 0px 0px 10px 0px;
}
.default_bg_color_cfd3ec
{
      background: #cfd3ec;
}
.pos_sticky_70
{
    position: sticky!important;
  position: -webkit-sticky!important;
  position: -moz-sticky!important;
  position: -ms-sticky!important;
  position: -o-sticky!important;
  top: 70px;
  z-index: 10050;
}
.switch_tpye_01_add_prop
{
    margin-right: 20px;
    margin-top: 4px;
}
.pad_l_25_r_10
{
  padding-left: 25px;
  padding-right: 10px;
}


.slider_switch_tpye_03 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #b5bada;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider_switch_tpye_03:hover
{
  background-color: #b5bada;
}

.slider_switch_tpye_03:before {
  position: absolute;
  content: "";
     height: 16px;
    width: 16px;
    left: 3px;
    bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch_tpye_01 input:checked + .slider_switch_tpye_03{
  background-color: #313448;
}
.switch_tpye_01 input:checked + .slider_switch_tpye_03:before{
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */
.slider_switch_tpye_03.round {
  border-radius: 34px;
}

.slider_switch_tpye_03.round:before {
  border-radius: 50%;
}

.radio_btn_prop input
{
  opacity: 0;
  width: 0;
  height: 0;
}
.radio_btn_icon_prop{
  border-radius: 45px;
  padding: 1px;
  border: 2px solid #bdc1de;
  color: #bdc1de;
  background-color: transparent;
  font-size: 16px!important;
  transition:0.2s;
  -webkit-transition:0.2s;
  -moz-transition:0.2s;
  -o-transition:0.2s;
  -ms-transition:0.2s;
}
.radio_btn_prop input:checked + .radio_btn_icon_prop{
  background-color: #d49813;
  border: 2px solid #d49813;
  color: #fff;
}


/*...............................................................................................................................................................*/
/*.................................................. END  CUSTOM POPUP 02 SECTION (DEFAULT SETTINGS FORM)......................................................*/
/*...............................................................................................................................................................*/




/*...............................................................................................................................................................*/
/*......................................................................... START  Payment card options  .......................................................*/
/*...............................................................................................................................................................*/
.saved_card_section_list_prop
{
 max-height:215px;
 overflow: auto;
} 
.saved_card_section_list_prop_1
{
 max-height:185px;
} 
.saved_card_section_list_prop_inner
{
  list-style: none;
      padding: 10px 10px;
}
.saved_card_section_list_prop_inner_li
{
  margin-bottom: 5px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  padding: 8px 0;
  border-bottom:  1px solid #ced2ec;
}
.saved_card_section_list_prop_inner_li:last-child
{
 border-bottom:  none;
}
.saved_card_section_list_prop_inner_li .sb_1
{
width: 40px;
}
.saved_card_section_list_prop_inner_li .sb_1_1
{
  padding: 10px;
  background: #bdc1de;
  border-radius: 45px;
}
.saved_card_section_list_prop_inner_li .sb_1_2
{
  width: 30px;
  height: 30px;
  padding: 7px 8px;
  background: #bdc1de;
  border-radius: 45px;
  cursor: pointer;
   transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
.saved_card_section_list_prop_inner_li .sb_1_2:hover
{

  background: #d49813;

}
.saved_card_section_list_prop_inner_li .sb_2
{
  padding-left: 15px;
  width: 100%;
}
.saved_card_section_list_bottom_section_ul
{
  padding: 10px;
}
.saved_card_section_list_bottom_section_ul .sb_1
{
  padding: 5px 0;
}
.saved_card_section_list_bottom_section_ul .sb_2
{
  margin-bottom: 5px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  cursor: pointer;
}
.saved_card_section_list_bottom_section_02
{
  margin-left: 30px;
   display: flex;
  display: -webkit-flex;
  align-items: center;
  margin-bottom: 8px;
}
.saved_card_section_list_bottom_section_02 .sb_1
{
  width: 140px;
  font-size: 15px;
  font-weight: normal;
}

.form-control.input_prop
{
 border-radius: 25px;
  border: none;
 outline: none;
 box-shadow: none;
}
.form-control.input_prop:focus
{
 border: none;
 outline: none;
 box-shadow: none;
}
.saved_card_section_list_prop_inner_01
{
  border-top: 1px solid #ced2ec;
}
/*...............................................................................................................................................................*/
/*......................................................................... START  DEFAULT ERROR MESSAGE  .......................................................*/
/*...............................................................................................................................................................*/
.default_error_msg_outer  
{
  position: relative;
  width: 100%;
  text-align: center;
  padding:10px 30px;
}

.default_error_msg_outer_type_2_prop
{
    position: absolute;
    margin: auto;
    width: 100%;
    top: 50px;
    z-index: 10040;
    text-align: center;
    padding: 10px 30px;
}
.default_error_msg_inner {
  display: inline-block;
  bottom: 20px;
  z-index: 11050;
  background: #191d29;
  border-radius: 10px;
  border: 1px solid #ff1100;
  color: #ced2ec;
  min-width: 300px;
/*  width: 100%;*/
  overflow: hidden;
  animation: scale-in 0.2s ease-out;
}
.default_error_msg_inner.sb_1 {
  max-width: 1000px;
  animation:rubber-anim 0.5s ease-in-out;
   -webkit-animation:rubber-anim 0.5s ease-in-out;
   -moz-animation:rubber-anim 0.5s ease-in-out;
   -o-animation:rubber-anim 0.5s ease-in-out;
   -ms-animation:rubber-anim 0.5s ease-in-out;

}
@keyframes rubber-anim {
  0%{
    transform:translate(0, 100%);
    -webkit-transform:translate(0, 100%);
    -moz-transform:translate(0, 100%);
    -o-transform:translate(0, 100%);
    -ms-transform:translate(0, 100%);
  }
   60%{
    transform:translate(0,-20%);
    -webkit-transform:translate(0,-20%);
    -moz-transform:translate(0,-20%);
    -o-transform:translate(0,-20%);
    -ms-transform:translate(0,-20%);
  }
  100%{
    transform:translate(0,0);
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -o-transform:translate(0,0);
    -ms-transform:translate(0,0);
  }
}
@-webkit-keyframes rubber-anim {
  0%{
    transform:translate(0, 100%);
    -webkit-transform:translate(0, 100%);
    -moz-transform:translate(0, 100%);
    -o-transform:translate(0, 100%);
    -ms-transform:translate(0, 100%);
  }
   60%{
    transform:translate(0,-20%);
    -webkit-transform:translate(0,-20%);
    -moz-transform:translate(0,-20%);
    -o-transform:translate(0,-20%);
    -ms-transform:translate(0,-20%);
  }
  100%{
    transform:translate(0,0);
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -o-transform:translate(0,0);
    -ms-transform:translate(0,0);
  }
}
@-moz-keyframes rubber-anim {
  0%{
    transform:translate(0, 100%);
    -webkit-transform:translate(0, 100%);
    -moz-transform:translate(0, 100%);
    -o-transform:translate(0, 100%);
    -ms-transform:translate(0, 100%);
  }
   60%{
    transform:translate(0,-20%);
    -webkit-transform:translate(0,-20%);
    -moz-transform:translate(0,-20%);
    -o-transform:translate(0,-20%);
    -ms-transform:translate(0,-20%);
  }
  100%{
    transform:translate(0,0);
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -o-transform:translate(0,0);
    -ms-transform:translate(0,0);
  }
}
@-o-keyframes rubber-anim {
  0%{
    transform:translate(0, 100%);
    -webkit-transform:translate(0, 100%);
    -moz-transform:translate(0, 100%);
    -o-transform:translate(0, 100%);
    -ms-transform:translate(0, 100%);
  }
   60%{
    transform:translate(0,-20%);
    -webkit-transform:translate(0,-20%);
    -moz-transform:translate(0,-20%);
    -o-transform:translate(0,-20%);
    -ms-transform:translate(0,-20%);
  }
  100%{
    transform:translate(0,0);
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -o-transform:translate(0,0);
    -ms-transform:translate(0,0);
  }
}

.default_error_msg_inner_ul
{
    list-style: none;
    text-align: left;
    font-size: 15px;
    margin-left: 28px;
}
.default_error_msg_inner_ul.sb_li
{
 font-size: 17px;
}

.default_error_msg_inner_ul .head_sb11
{
    color: #ff1100;
    margin-bottom: 5px;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
}
.default_error_msg_inner_ul.sb_1
{
    margin-left: 10px;
    margin-right: 10px;
}
.close_icon_prop_for_nb_msg
{
    animation:fade_in_anim_t1 0.3s ease-in-out;
    -webkit-animation:fade_in_anim_t1 0.3s ease-in-out;
   -moz-animation:fade_in_anim_t1 0.3s ease-in-out;
   -o-animation:fade_in_anim_t1 0.3s ease-in-out;
   -ms-animation:fade_in_anim_t1 0.3s ease-in-out;
}
@keyframes fade_in_anim_t1 {
  0%{
    transform:scale(0);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -o-transform:scale(0);
    -ms-transform:scale(0);
  }
  95%{
    transform:scale(0);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -o-transform:scale(0);
    -ms-transform:scale(0);
  }
  100%{
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
  }
}
@-webkit-keyframes fade_in_anim_t1 {
  0%{
    transform:scale(0);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -o-transform:scale(0);
    -ms-transform:scale(0);
  }
  95%{
    transform:scale(0);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -o-transform:scale(0);
    -ms-transform:scale(0);
  }
  100%{
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
  }
}
@-moz-keyframes fade_in_anim_t1 {
  0%{
    transform:scale(0);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -o-transform:scale(0);
    -ms-transform:scale(0);
  }
  95%{
    transform:scale(0);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -o-transform:scale(0);
    -ms-transform:scale(0);
  }
  100%{
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
  }
}
@-o-keyframes fade_in_anim_t1 {
  0%{
    transform:scale(0);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -o-transform:scale(0);
    -ms-transform:scale(0);
  }
  95%{
    transform:scale(0);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -o-transform:scale(0);
    -ms-transform:scale(0);
  }
  100%{
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
  }
}


.default_error_msg_inner_li::before {
    content: "\2023";
    height: 28px;
    color: red;
    padding: 1px 7px 1px 7px;
    font-weight: bold;
    display: inline-block;
    font-size: 23px;
    vertical-align: sub;
    margin-left: -26px;
}
.default_error_msg_inner_text {
    display: flex;
    align-items: center;
    padding: 10px 10px;
    font-size: 14px;
    animation: fade-in 0.65s ease-in forwards;
}
.default_error_msg_info_icon {
    color: #ff1100;
    margin: 4px 1px 4px 1px;
    /*font-size: 30px!important;*/
    padding: 5px;
    background: rgba(229, 231, 247, 0.13);
    border-radius: 30px;
}
.default_error_msg_info_icon.sb_1 {
    background: #d49813;
    color: #fff;
    transition: 0.18s;
    -webkit-transition: 0.18s;
    -moz-transition: 0.18s;
    -o-transition: 0.18s;
    -ms-transition: 0.18s;
    border-radius: 30px;
    padding: 3px 30px;
    font-size: 16px;
    margin-top: 15px;
    display: inline-block;
}
.default_error_msg_info_icon.sb_1:hover {
 opacity: 0.8;
}
.default_error_msg_inner_head
{
  background: #10131b;
  padding: 15px 15px;
  text-align: left;
  position: relative;
}
.default_error_msg_close
{
  position: absolute;
  right: 10px;
  top: 10px;
}
/*...............................................................................................................................................................*/
/*......................................................................... END  DEFAULT ERROR MESSAGE  .......................................................*/
/*...............................................................................................................................................................*/

/*...............................................................................................................................................................*/
/*......................................................................... START  DEFAULT DIALOG BOX  .......................................................*/
/*...............................................................................................................................................................*/
.default_dialog_box_outer  
{
    position: fixed;
    width: 100%;
    background: rgba(27, 29, 42, 0.88);
    z-index: 10060;
    height: 100%;
    top: 0;
    text-align: center;
    padding: 10px 30px;
    display: -webkit-flex;
    -webkit-justify-content: center;
    display: flex;
    justify-content: center;
}
.default_dialog_box_outer.z_index001
{
  z-index: 10037;
}
.default_dialog_box_outer_01
{
    position: fixed;
    width: 100%;
    z-index: 10060;
    height: 100%;
    top: 0;
    text-align: center;
    padding: 10px 30px;
    display: -webkit-flex;
    -webkit-justify-content: center;
    display: flex;
    justify-content: center;
}
.default_dialog_box_outer_02
{
    position: fixed;
    width: 100%;
    z-index: 10060;
    height: 100%;
    top: 0;
    padding: 10px 30px;
}
.tutorial_slider_item_prop
{
    position: fixed;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    max-height: 100%;
    max-width: 100%;
    width: auto;
    z-index: 11;
    box-shadow: 5px 5px 50px rgba(0,0,0,.5);
    cursor: default;
  }
  .tutorial_slider_item_prop:focus
{
outline: none;
  }

.quick_view_section_img
{
  position: fixed;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  max-height: 100%;
  max-width: 100%;
  width: auto;
  box-shadow: 5px 5px 50px rgba(0,0,0,.5);
  padding: 40px;
}
.remv_centering_prop
{
  max-height:  unset;
  max-width:  unset;
  padding: 0;
}
.quick_image_preview_section_prev_btn_prop
{
  position: fixed;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  top:50%;
  left: 25px;
}

.quick_image_preview_section_nxt_btn_prop
{
  position: fixed;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  top:50%;
  right:-10px;
}
.opacity_trans_hver_style
{
  opacity: 0.3;
  transition: 0.18s;
  -webkit-transition: 0.18s;
  -moz-transition: 0.18s;
  -o-transition: 0.18s;
  -ms-transition: 0.18s;
}
.opacity_trans_hver_style:hover
{
  opacity: 1;
}
.default_dialog_box_inner
{
    display: inline-block;
    bottom: 20px;
    z-index: 11050;
    background: #e5e8fa;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border:none;
    -webkit-align-self: center; 
    -moz-align-self: center; 
    align-self: center;
    color: #ced2ec;
    min-height: 200px;
    max-height: 95%;
    overflow-y: auto;

}
.default_dialog_box_inner.clr_theme_01
{
  background: #fff;
}

.default_dialog_box_inner.add_h_style01
{
  min-height: 350px;
  overflow: hidden;
}

.default_dialog_box_inner::-webkit-scrollbar { 
    display: none; 
}

.default_dialog_box_inner_01
{
    display: inline-block;
    bottom: 20px;
    z-index: 11050;
    background: #e5e8fa;
    border-radius: 10px;
    border:none;
    -webkit-align-self: center; 
    -moz-align-self: center; 
    align-self: center;
    color: #ced2ec;
    max-height: 95%;
    overflow-y: auto;

}
.default_dialog_box_inner_01::-webkit-scrollbar { 
    display: none; 
}
.default_dialog_box_inner_03
{
    -webkit-align-self: center; 
    -moz-align-self: center; 
    align-self: center;
}
.default_dialog_box_inner_03::-webkit-scrollbar { 
    display: none; 
}
.default_dialog_box_inner_4
{
    display: inline-block;
    bottom: 20px;
    z-index: 11050;
    background: #e5e8fa;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border:none;
    -webkit-align-self: center; 
    align-self: center;
    color: #ced2ec;
    min-height: 200px;
    max-height: 95%;

}
.default_dialog_box_inner_4.sb_1
{
  bottom: unset;
  border: 3px solid #e5e8fa;
}
.default_dialog_box_inner_4.sb_1::-webkit-scrollbar {
  display: block; 
  width:10px;
}
.default_dialog_box_inner_4.sb_1::-webkit-scrollbar-track {
  background-color:#e5e8fa  ;
  -webkit-border-radius: 0px;
  border-radius:0px;
}
.default_dialog_box_inner_4.sb_1::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #b9bede; 
}

.default_dialog_box_inner_4::-webkit-scrollbar { 
    display: none; 
}
.default_dialog_box_inner_5
{
    display: inline-block;
    bottom: 20px;
    z-index: 11050;
    background: #e5e8fa;
    border-radius: 10px;
    -webkit-align-self: center; 
    align-self: center;
    color: #ced2ec;
    min-height: 200px;
    max-height: 95%;
  
}

.default_dialog_box_inner_5::-webkit-scrollbar { 
    display: none; 
}
.default_dialog_box_inner_head
{
  background: #10131b;
  padding: 0px;
  text-align: left;
  z-index: 10050;
  box-shadow: 2px 1px 10px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 2px 1px 10px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 2px 1px 10px 1px rgba(0, 0, 0, 0.25);
}
 .default_dialog_box_close
  {
    font-size: 18px!important;
    cursor: pointer;
      transition: 0.18s;
    -webkit-transition: 0.18s;
    -moz-transition: 0.18s;
    -o-transition: 0.18s;
    -ms-transition: 0.18s;
  }
.default_dialog_box_inner_text {
    display: flex;
    align-items: center;
    padding: 15px;
    font-size: 14px;
    /*animation: fade-in 0.65s ease-in forwards;*/
}
.default_dialog_box_inner_text_01 {
    align-items: center;
    padding: 15px;
    font-size: 14px;
    /*animation: fade-in 0.65s ease-in forwards;*/
}
.default_dialog_box_inner_ul
{
    list-style: none;
    text-align: left;
    font-size: 17px;
    margin: 0px 5px;
}
.default_dialog_box_inner_li_list_style::before {
    content: "\2023";
    height: 31px;
    color: #292c40;
    padding: 0px 7px 0px 7px;
    font-weight: bold;
    display: inline-block;
    font-size: 27px;
    vertical-align: bottom;
    margin-left: -26px;
}
.default_dialog_box_inner_li
{
    display: flex;
    padding: 10px 0;
}
.default_dialog_box_inner_li_inner_01 {
    float: left;
    background: transparent;
    display: block;
    position: relative;
}

.default_dialog_box_inner_li_buttons
{
    width: 100%;
    background: transparent;
    text-align: right;
    position: relative;
    display: inline-block;
}
.default_dialog_box_inner_li_buttons_style
{
    display: inline-block;
    border-radius: 48px;
    outline: unset;
    padding: 6px 24px 6px 13px;
    font-size: 17px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    position: relative;
    margin: 5px;
    text-align: center;
    background: #ced2ec;
    color: #000000;
    border: 1px solid #e5e8fa;
}

.default_dialog_box_inner_li_buttons_style:hover
{
  border: 1px solid #ced2ec;
background: #ced2ec;
    color: #000000;
}
.default_dialog_box_inner_li_buttons_style:focus
{
  border: 1px solid #ced2ec;
background: #ced2ec;
    color: #000000;
}
.default_dialog_box_inner_buttons_style_1
{
      display: inline-block;
    border-radius: 48px;
    outline: unset;
    padding: 4px 22px 4px 18px;
    font-size: 17px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    position: relative;
    margin: 5px;
    text-align: center;
    background: #d49813;
    color: #ffffff;
}
.default_dialog_box_inner_buttons_style_1:hover
{
  background: #d49813;
    color: #ffffff;
}
.default_dialog_box_inner_buttons_style_1:focus
{
  background: #d49813;
    color: #ffffff;
}
.icon_prop_button_02 {
    padding: 2px 6px 0px 0px;
    font-size: 18px !important;
}

.sp_default_placeholder_02::placeholder {
  color: #fff;
}
.sp_default_placeholder_02::-ms-input-placeholder { 
  color: #fff;
}
.sp_default_placeholder_02::-ms-input-placeholder {
  color: #fff;
}
/*...............................................................................................................................................................*/
/*......................................................................... END  DEFAULT DIALOG BOX  .......................................................*/
/*...............................................................................................................................................................*/

.user-list-section-style
{
  padding: 20px 50px 10px 55px;
  display: inline-block;
  width: 100%;
}
.user-list-section-style-inner
{
  display: inline-block;
  width: 100%;
}
.user-list-section-style-inner-section
{
  display: inline-block;
  padding: 0px 1px;
  background: #8d91aa;
  border-radius: 45px;
  cursor: pointer;
  margin: 2px 2px;
}
.user-list-section-style-inner-section.active
{
  background: #d49813;
}
.user-list-section-style-inner-section.anti-active
{
  background: #28ca00;
}
.user-list-section-style-content
{
  padding:0 5px 0 1px;
  font-size: 12px;
  font-weight: 700;
}

.project_list_loader_prop
{
  position: absolute;
    min-height: 70vh;
    width: 100%;
}


/*...............................................................................................................................................................*/
/*......................................................................... START TOUCH POINTS SECTION  .......................................................*/
/*...............................................................................................................................................................*/
.button_touch_points_outer
{
    padding: 6px 20px;
    background: #161921;
    display: inline-block;
    border-radius: 20px;
    font-size: 14px;
    color: #e5e8fa;
    border: 1px solid #d49813;
    /*cursor: pointer;*/
}

.button_touch_points_icon {
    position: relative;
    top: 9px;
    left: 7px;
}
.animation_shake_with_time_gap {
  animation: animation_shake_with_time_gap 4s ease-in-out infinite;
}

@keyframes animation_shake_with_time_gap {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  2.5% {
    transform: translate(-50%, -50%) rotate(10deg) scale(1.1);
  }
  5% {
    transform: translate(-50%, -50%) rotate(0) scale(1.1);
  }
  7.5% {
    transform: translate(-50%, -50%) rotate(10deg) scale(1.1);
  }
  10% {
    transform: translate(-50%, -50%) rotate(0) scale(1);
  }
  49% {
    transform: translate(-50%, -50%) rotate(0);
  }
  50% {
    transform: translate(-50%, -50%) rotate(0);
  }
  52.5% {
    transform: translate(-50%, -50%) rotate(10deg) scale(1.2);
  }
  55% {
    transform: translate(-50%, -50%) rotate(0) scale(1.2);
  }
  57.5% {
    transform: translate(-50%, -50%) rotate(10deg) scale(1.2);
  }
  60% {
    transform: translate(-50%, -50%) rotate(0) scale(1);
  }
   100% {
    transform: translate(-50%, -50%) rotate(0);
  }
}

.default_dialog_box_inner_02
{
    display: inline-block;
    bottom: 20px;
    z-index: 11050;
    background: transparent;
    border-radius: 10px;
    border:none;
    -webkit-align-self: center; 
    align-self: center;
    color: #ced2ec;
    min-width: 300px;
    min-height: 200px;
    max-height: 95%;
    overflow-y: auto;

}
.default_dialog_box_inner_02::-webkit-scrollbar { 
    display: none; 
}



.present {
    height: 200px;
    margin: 0 auto;
    perspective: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: 0.5s;
    width: 200px;
}

.name {
    font-size: 35px;
    font-weight: 600;
    position: absolute;
    text-align: center;
    color: #fff;
    text-shadow: 2px 3px 0 rgba(195, 162, 43, 0.24);
    top: 50%;
    left:0;
    transform: translate3d(0, -50%, 0) rotateY(180deg) rotateX(0);
    transition:transform .5s cubic-bezier(0.37, 0.43, 0.56, 0.82);
    width: 100%;
    transform-style: preserve-3d;
    font-family: 'Yeon Sung', cursive;
}
.name_name {
font-size: 40px;
    font-weight: 600;
    position: absolute;
    text-align: center;
    color: #fff;
    opacity: 0;
    display: none;
    text-shadow: 2px 3px 0 rgba(195, 162, 43, 0.24);
    top: 50%;
    left: 0;

    transform: translate3d(100%, -50%, 0) rotateY(0) rotateX(0);
    width: 300px;
    font-family: 'Yeon Sung', cursive;
}
.present.open .name_name {
    opacity: 1;
    display: block;
    transform: translate3d(150%, -50%, 0) rotateY(0) rotateX(0);

}
.present.open {
       transform: translate(-100%,-50%);
}
.img_gift_icon_prop
{
    width: 30px;
    height: 30px;
    transform: rotate(-89deg);
}
.img_gift_icon_prop_01
{
   width: 80px;
    height: 80px;
}
.instruction {
  bottom: -100px;
    left: 0;
    opacity: 1;
    position: absolute;
    text-align: center;
    transition: opacity .5s;
    width: 100%;
    color: #fff;
    background: transparent;
    border-radius: 50px;
    padding: 10px 0px;
    cursor: pointer;
    font-size: 20px;
    font-family: 'Yeon Sung', cursive;
}

.rotate-container {
  animation: present-rotate 30s infinite linear;
  height: 100%;
  transform: rotateY(170deg);
  transform-style: preserve-3d;
}

@keyframes present-rotate {
  0% {
    transform: rotateY(0);
  }

  100% {
    transform: rotateY(360deg);
  }
}

.tp_bottom,
.tp_front,
.tp_left,
.tp_back,
.tp_right {
  background-color: #d49813;
  border: 1px solid rgba(0, 0, 0, 0.2);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.tp_bottom {
  transform: translateY(50%) rotateX(90deg);
}

.tp_front,
.tp_left,
.tp_back,
.tp_right {
  transition: transform .5s;
  transform-origin: bottom;
  transform-style: preserve-3d;
}

.tp_front:after,
.tp_left:after,
.tp_back:after,
.tp_right:after,
.lid-top:after,
.lid-front:after,
.lid-left:after,
.lid-back:after,
.lid-right:after {
  background-color: #fffbec;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  content: '';
  height: 100%;
  left: calc(50% - 10px);
  position: absolute;
  transform: translateZ(0.1px);
  width: 20px;
}

.lid-top:before {
  background-color: #fffbec;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  content: '';
  height: 20px;
  left: 0;
  position: absolute;
  top: calc(50% - 10px);
  transform: translateZ(0.1px);
  width: 100%;
}

.tp_left {
  transform: translateX(-50%) rotateY(-90deg);
}

.tp_back {
  transform: translateZ(-100px) rotateY(180deg) rotateX(0);
}

.tp_right {
  transform: translateX(50%) rotateY(90deg);
}

.tp_front {
  transform: translateZ(100px);
}

.lid {
  animation: lid-animation 3.5s 1s infinite;
  transform: translate3d(0, 0, 0);
  transform-style: preserve-3d;
  transition: transform .5s;
}

@keyframes lid-animation {
  0% {
    transform: translate3d(0, 0, 0) rotateX(0);
  }

  5% {
    transform: translate3d(0, -10px, -5px) rotateX(5deg);
  }

  10% {
    transform: translate3d(0, -10px, 5px) rotateX(-5deg);
  }

  15% {
    transform: translate3d(0, -10px, -5px) rotateX(5deg);
  }

  20% {
    transform: translate3d(0, -10px, 5px) rotateX(-5deg);
  }

  25% {
    transform: translate3d(0, -10px, -5px) rotateX(5deg);
  }

  30% {
    transform: translate3d(0, 0, 0) rotateX(0);
  }
}

.lid-top,
.lid-left,
.lid-back,
.lid-right,
.lid-front {
  background-color: #d49813;
  border: 1px solid rgba(0, 0, 0, 0.2);
  left: -5px;
  opacity: 1;
  position: absolute;
  top: 0;
  width: 210px;
}

.lid-top {
  height: 210px;
  top: -5px;
  transform: translateY(-50%) rotateX(90deg);
  transform-style: preserve-3d;
}

.lid-left,
.lid-back,
.lid-right,
.lid-front {
  height: 40px;
  top: -5px;
  transform-style: preserve-3d;
}

.lid-left {
  transform: translateX(-50%) rotateY(-90deg);
}

.lid-back {
  transform: translateZ(-105px) rotateY(180deg);
}

.lid-right {
  transform: translateX(50%) rotateY(90deg);
}

.lid-front {
  transform: translateZ(105px);
}

.present:hover .lid {
  animation: none;
  transform: translate3d(0, -40px, -10px) rotateX(10deg);
}

.present.open .name {
  transform: translate3d(0, -50%, 10px) rotateY(360deg) rotateX(0deg);
}

.present.open .instruction {
  opacity: 0;
}

.present.open .tp_left {
  transform: translateX(-50%) rotateY(-90deg) rotateX(-90deg);
}

.present.open .tp_back {
  transform: translateZ(-100px) rotateY(180deg) rotateX(-90deg);
}

.present.open .tp_right {
  transform: translateX(50%) rotateY(90deg) rotateX(-90deg);
}

.present.open .tp_front {
  transform: translateZ(100px) rotateX(-90deg);
}

.present.open .lid {
  animation: none;
  transform: translate3d(0, -120px, -120px) rotateX(50deg);
}

.canvas_tpye_1 {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.button_tpye_new_01
{
        padding: 9px 20px;
    font-size: 25px;
    font-family: unset;
    text-shadow: none;
    font-weight: 100;
    background: #d49813;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
}
/*...................................................................................*/
/*........................  START  TOUCH POINTS RESPONSIVE ..........................*/
/*...................................................................................*/
@media only screen and (max-width: 1120px) 
{ 
  .present    
  {
        transform: translate(-50%,-50%) scale(0.6);
  }
  .present.open
  {
            transform: translate(-100%,-50%) scale(0.6);
  }
  .present.open .name_name
  {
           transform: translate3d(150%, -50%, 0) rotateY(0) rotateX(0);
  }
}

@media only screen and (max-width: 614px) 
{ 
  .present    
  {
    transform: translate(-50%,-80%) scale(0.6);
  }
  .present.open
  {
        transform: translate(-50%,-80%) scale(0.6);
  }
  .present.open .name_name
  {
        transform: translate3d(-11%, 100%, 0) rotateY(0) rotateX(0);
  }
}


/*...................................................................................*/
/*.........................  END  TOUCH POINTS RESPONSIVE ...........................*/
/*...................................................................................*/

/*...............................................................................................................................................................*/
/*........................................................................  END  TOUCH POINTS SECTION ..........................................................*/
/*...............................................................................................................................................................*/








/*...............................................................................................................................................................*/
/*...............................................................................................................................................................*/
/*...............................................................................................................................................................*/
/*......................................................................... START  CUSTOM POPUP 01 SECTION ......................................................*/
/*...............................................................................................................................................................*/
/*...............................................................................................................................................................*/
/*...............................................................................................................................................................*/
  .popup_type_01_outer
  {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    background: rgba(27, 29, 42, 0.90);
    z-index: 10050;
    overflow: hidden;
     transition:0.3s;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    -o-transition:0.3s;
    -ms-transition:0.3s;
  }
  .popup_type_01_inner
  {
      border-radius: 15px;
      overflow: hidden;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      position: relative; 
  }

  .popup_type_01_inner_size_02
  {
    width: 90%;
    max-width: 1150px;
    max-height: 700px;
    height: 90%;
  }
  .popup_type_01_inner_size_05
  {
    width: 90%;
    max-width: 850px;
    max-height: 700px;
    height: 90%;
  }


    .popup_type_01_inner_size_04
  {
    width: 95%;
    max-width: 1000px;
    max-height: 550px;
    height: 95%;
  }
  .popup_type_02_inner
  { 
    position: absolute;
    z-index: 10036;
    right: -55px;
    top: 67px;
    width: 350px;
    height: 400px;
    border-radius: 10px;
    overflow: hidden;
  }

  .popup_type_01_content
  {
    width: 100%;
    height: 100%;
    background: #e5e8fa;
    box-shadow: 2px 2px 4px 0px #0b0b0c;
    overflow: hidden;
  }
  .popup_type_01_content_01
  {
    width: 100%;
    height: 100%;
    background: #e5e8fa;
    box-shadow: 2px 2px 4px 0px #0b0b0c;
    overflow: hidden;
  }
  .popup_type_01_content_head
  {
    display: inline-block;
    padding: 15px 20px;
    text-transform: uppercase;
    color: #292c40;
    background: #ced2ec;
    font-weight: 600;
    font-size: 17px;
    width: 100%;
    height: 55px;
    border-bottom: 1px solid #e5e8fa;
  }

 .popup_type_01_content_head_01
  {
    display: inline-block;
    width: 100%;
    padding: 20px 20px;
    text-transform: uppercase;
    color: #4f536d;
    background: transparent;
    font-weight: 600;
    font-size: 20px;
    height: 70px;
    position: relative;
    z-index: 1;
  }

  .popup_type_01_content_inner
  {
    display: inline-block;
    width: 100%;
    padding: 23px 10px;
    position: relative;
    height: calc(100% - 80px);
  }
  .popup_type_03_content_inner
  {
    display: inline-block;
    width: 100%;
    padding: 15px 20px;
    position: relative;
    height: calc(100% - 55px);
  }
  .popup_type_03_content_inner.invoice_pp_outer
  {
    height: calc(100% - 95px);
    padding-top: 0px;
    overflow: auto;
  }
  .invoice_pp_outer .invoice_pp_outer_head
  {
    position: -webkit-sticky;
    position: sticky;
    top: -1px;
    padding-top: 15px;
    padding-bottom: 5px;
    background: #e5e8fa;
    transition:5s;
    -webkit-transition:5s;
    -moz-transition:5s;
    -o-transition:5s;
    -ms-transition:5s;
  }
.popup_type_02_content_inner
  {
    display: inline-block;
    width: 100%;
    padding: 0px 10px;
    position: relative;
    height: calc(100% - 26px);
    top: 13px;
  }
  .popup_type_02_content_inner.pr_details_1100
  {
    height: calc(100% - 65px);
    top: 0px;
    overflow-y: scroll;
  }

  .popup_type_01_content_inner_01
  {
   /* display: inline-block;
    top: 0;*/
    width: 100%;
    position: relative;
    height: 100%;
  }
  .popup_type_01_content_inner_bottom
  {
    background: #e5e8fa;
    height: 20px;
    width: 100%;
    position: absolute;
    bottom: 0;
  }
  .popup_payment_type_content_division
  {
        display: inline-block;
      padding: 0px 10px;
  }
  .popup_type_01_content_head_icon
  {
        padding: 0px 5px 0 0px;
  }
  .popup_type_01_close
  {
    font-size: 18px!important;
    cursor: pointer;
  }
 .popup_type_01_conten_left_section_01
 {
  width: 400px;
  background: #313448;
  height: inherit;
  position: relative;
  overflow: auto;
  float: left;
 }
  .popup_type_01_conten_left_section_01.more_actions_popup001
 {
  width: 90px;
  background: #313448;
  height: 100%;
      padding-top: 10px;
          padding-bottom: 10px;
 }
 .popup_type_01_conten_right_section_01
 {
  width: calc(100% - 400px);
  float: left;
  background: transparent;
  height: inherit;
  position: relative;
  overflow: auto;
  scroll-behavior: smooth;
 }
.popup_type_01_conten_right_section_01.more_actions_popup001
 {
  width: calc(100% - 90px);
 }
 .button_custom_style_01.t11
 {
  text-align: center;
    line-height: 1;
    padding: 5px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
 }
.button_custom_style_01.t11.active
 {
    background-color: #d69812;
    border: 1px solid #d69812;
 }
 .user_icon_click_right_bar_content_other_type_02
 {
    text-align: center;
    background: url(../images/profile_bg.png);
    background-position: 50% 50%;
    background-size: cover;
    height: 227px;
 }
 .user_icon_click_right_bar_content_other_type_02_outer
 {
    top: 155px;
    position: relative;
    z-index: 1;
 }
 .user_icon_outer_style_box_outer_type_02
 {
    width: 100%;
    overflow: hidden;
    height: inherit;
    position: absolute;
    top: 164px;
 }
 .user_icon_outer_style_box_common_type_02
 {
    position: absolute;
    -ms-transform: rotate(-8deg);
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
    width: 50%;
    background: #313448;
    height: 80px;
 }
 .popup_type_01_close_prop
 {
    padding: 5px;
    border-radius: 25px;
    background: #4f536d;
    color: #b1b4ce;
    transition:0.3s;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    -o-transition:0.3s;
    -ms-transition:0.3s;
 }
 .popup_type_01_close_prop:hover
 {
    background: #313448;
    color: #ced1ea;
 }
.popup_type_01_close_prop.more_action_001_cls
{
  position: absolute;
  right: 15px;
  top: 15px;
}

 .right_bar_content_icon_links_type_01
{
    padding: 15px;
    margin: 12px 5px;
    background: #262933;
    color: #9099b5;
    border-radius: 30px;
    cursor: pointer;
    transition: 0.25s;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    -ms-transition: 0.25s;
}
.right_bar_content_icon_links_type_01:hover
{
  background: #1f222b;
}

    .user_icon_click_right_bar_content_other_inner_type_01
  {
    display: inline-block;
    background: #404758;
    border-radius: 53px;
      width: 100px;
    height: 100px;
    position: relative;
  }
  .user_icon_click_right_bar_content_other_inner_type_01:hover .user_icon_click_right_bar_content_other_inner_user_img_hover_type_01
  {
       opacity: 1;
    visibility: visible;
  }
  .user_icon_click_right_bar_content_other_inner_user_img_hover_type_01
  {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 100%;
    top: 0;
    border-radius: 50%;
    height: inherit;
    background: rgba(232, 238, 255, 0.6);
       transition: 0.25s;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    -ms-transition: 0.25s;
    cursor: pointer;
  }
  .user_icon_click_right_bar_content_other_inner_user_img_hover_icon_type_01
  {
    color: rgb(94, 102, 125);
    position: absolute;
    top: 37px;
    left: 37px;
  }
  .user_icon_click_right_bar_content_other_inner_section_01_type_01_h4
  {
    margin: 5px 0px;
  }
   .user_icon_click_right_bar_content_other_inner_section_01_type_01_h5
  {
    margin: 5px 0px;
  } 
.sp_personal_details_form
{
  width: 100%;
    padding: 5px 10px;
    height: calc(100% - 140px);
}
.sp_personal_details_form .inputBox_2 {
  position: relative;
  padding: 5px 0px;

}

.sp_personal_details_form .inputBox_2 input ,select  {
    width: 100%;
    padding: 0.625rem 0;
    font-size: 18px;
    color: #666b8a;
    font-weight: 400;
    letter-spacing: 0.062rem;
    margin-bottom: 9px;
    border: none;
    border-bottom: 0.1rem solid #bdc1de!important;
    outline: none;
    background: transparent;
}
.inputBox_2 textarea
{
      width: 100%;
    padding: 0.625rem 0;
    font-size: 18px;
    color: #666b8a;
    font-weight: 400;
    letter-spacing: 0.062rem;
    margin-bottom: 9px;
    border: none;
    border-bottom:  0.1rem solid #bdc1de!important;
    border-radius: 5px;
    outline: none;
    background: transparent;
}

.sp_personal_details_form .inputBox_2 label {
    position: absolute;
    top: 4px;
    left: 0;
    padding: 0.625rem 0;
    font-size: 19px;
    color: #666b8a;
    pointer-events: none;
    transition: 0.3s;
    font-weight: 400!important;
}

.sp_personal_details_form .inputBox_2 input:focus ~ label,
.sp_personal_details_form .inputBox_2 input:valid ~ label,
.sp_personal_details_form .inputBox_2 input:not([value=""]) ~ label {
    top: -20px;
    left: 0;
    color: #2f3144;
    font-size: 17px;
    font-weight: 600!important;
}
.sp_form_type_01_inner
{
    padding: 20px 12px 10px 49px;
    display: table;
    float: left;
    position: relative;
}
.sp_form_type_01_inner_w_50_100
{
      width: 50%;
}
.sp_form_type_01_inner_w_100_100
{
      width: 100%;
}
.sp_form_type_01_inner_icons
{
position: absolute;
width: 19px;
height: 20px;
left: 19px;
top: 36px;
}
.sp_form_type_01_inner_icons_prop
{
      font-size: 18px;
    margin-bottom: 0px;
       color: #666b8a;
}
.sp_form_type_01_inner_content
{
      display: table-cell;
    font-weight: 200;
}
.sp_personal_details_form_submit
{
  position: relative;
  bottom: 0;
  height: 70px;
  width: 100%;
  background: transparent;
  text-align:  right;
}
.sp_services_main_bottom_previous_icon_style_03
{
    display: inline-block;
    border-radius: 46px;
    outline: unset;
    padding: 5px 24px 5px 13px;
    font-size: 17px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    width: 132px;
    height: 36px;
    position: relative;
    margin: 5px;
    right: 26px;
    text-align: center;
    background: #4f536d;
    color: #b1b4ce;
    border: 1px solid #4f536d;
}
.sp_services_main_bottom_previous_icon_style_03:hover
{
  border: 1px solid #313448;
background: #313448;
    color: #ced1ea;
}

.sp_services_main_bottom_previous_icon_style_03:focus
{
  border: 1px solid #313448;
background: #313448;
    color: #ced1ea;
}
.sp_services_main_bottom_next_inner_02
{
  padding: 10px 0px 10px 10px;
  margin-right: -10px;
}
.sp_services_bg_color_adjustment_01
{
  width: 68px;
  height: 26px;
  border-radius: 5px;
  background: #fff;
  display: inline-block;
  padding: 5px;
  vertical-align: middle;
}
.popup_type_01_close_prop_show
{
  display: none!important;
  position: fixed;
      right: 25px;
    top: 21px;
    z-index: 1000;
}
.NewInvoicePopUp_ItemList_tbody tr:nth-child(odd) { background: #ced2ec;}
.NewInvoicePopUp_ItemList_tbody input{
  margin: 5px 0;
  border: 1px solid #fff;
  border-radius: 5px; width: 100%;
  padding: 2px 2px;
}
.NewInvoicePopUp_ItemList_tbody input[type=text]:focus, .NewInvoicePopUp_ItemList_tbody input[type=text]:active{
  border: 1px solid #fff;
}
 .NewInvoicePopUp_ItemList_tbody .form-control
 {
    margin: 5px 0;
 } 
 .del_icn_invoce_sec
 {
        color: #67686f;
    background: #ffffff;
    border-radius: 2px;
    padding: 2px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    cursor: pointer;
 }
 .del_icn_invoce_sec:hover
 {
  color: #000;
 }
 .opacity_hover_st1
 {
  opacity: 0.7;
  transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
 }
  .opacity_hover_st1:hover
 {
  opacity: 1;
 }
/*/////////////////////////////////////////////////     START  PERSONAL DETAILS RESPONSIVE     ///////////////////////////////////////////////*/
  @media only screen and (max-width: 950px) 
  {
    .popup_type_01_conten_left_section_01 {
    width: 100%;
    height: 430px;
    }
    .user_icon_click_right_bar_content_other_type_02 {
    height: 244px;
    }
    .popup_type_01_inner_size_02 {
    width: 90%;
    max-width: unset; 
    max-height: unset; 
    height: 90%;
    }
    .popup_type_01_inner_size_04
    {
      width: 90%;
    max-width: unset; 
    max-height: unset; 
    height: 90%;
    }
    .popup_type_01_content_01 {
    overflow: auto;
    }
    .popup_type_01_conten_right_section_01 {
    width: 100%;
    height: unset;
    overflow: unset;
    }

    .sp_personal_details_form {
    height: 100%;
    display: inline-block;
    }
    .popup_type_01_close_prop_hide
    {
    display: none!important;
    }
    .popup_type_01_close_prop_show
    {
    display: inline-block!important;
    }
    .sp_personal_details_form_submit
    {
      text-align: center;
    }
    .sp_services_main_bottom_previous_icon_style_03
    {
      right: unset;
    }
  }
  @media only screen and (max-width: 680px) 
  {
    .sp_form_type_01_inner_w_50_100
    {
    width: 100%;
    }
  }
/*/////////////////////////////////////////////////     END   PERSONAL DETAILS RESPONSIVE     ///////////////////////////////////////////////*/


/*...............................................................................................................................................................*/
/*...............................................................................................................................................................*/
/*...............................................................................................................................................................*/
/*......................................................................... END  CUSTOM POPUP 01 SECTION ......................................................*/
/*...............................................................................................................................................................*/
/*...............................................................................................................................................................*/
/*...............................................................................................................................................................*/




.todo_pp_options01
{
  display: flex;
    float: right;
    padding: 3px 20px 0 0;
}
.todo_pp_options01_sec1
{
  padding-top: 12px;
  font-size: 14px;
}
.todo_pp_bulkactionbar
{
    background: #363742;
    margin: 0px 10px 0 10px;
    border-radius: 5px;
    padding: 10px 0 0 0;
}
.custom_section_type_02_li.pad_r30
{
  padding-right: 30px;
}
.custom_section_type_02_li.pad_r30.active
{
  background-color: #9297b6;
}

.todo_pp_options_tickmark{
  position: absolute;
  top: 0;
  right: 5px;
}
.tick-mark-menubar-left.todo_pp_bulkactionbar_inner a
{
        border-left: 1px solid #e5e8fa;
}

/*  .rating a {
    float:right;
    color: #bdc1de;
    text-decoration: none;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s;
    font-size: 50px;
  }
  .rating a:hover,
  .rating a:hover ~ a,
  .rating a:focus,
  .rating a:focus ~ a   {
    color: #d49813;
    cursor: pointer;
  }
  .rating2 {
    direction: rtl;
  }
  .rating2 a {
    float:none;
  }*/
  .new_textarea_prop
  {
    border-radius: 10px;
    background: unset;
    border: 1px solid #ced2ec;
    padding: 5px 5px;
    margin: 10px 0px;
    resize: none;
    color: #000;
  }
  .new_textarea_prop_all:focus
  {
    border:1px solid #ced2ec;
    outline: unset;
  }
.row {
  overflow: auto;
  clear: both;
}
.rating {
    border: 1px solid #ced2ec;
    margin: 30px 0px;
    padding: 24px 80px 13px 80px;
    text-align: center;
    display: inline-block;
    border-radius: 100px;
}
.legend_prop_01 {
    display: block;
    width: auto;
    padding: 0 15px;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: inherit;
    color: #000;
    border: 0;
    border-bottom: none;
}
.rating label {
  width: 2em;
}
.rating:not(:checked) > input {
  position: absolute;
  top: -9999px;
  clip: rect(0, 0, 0, 0);
}
.rating:not(:checked) > label {
float: right;
    width: 4em;
    padding: 0 0.1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    line-height: 1.2;
    direction: rtl;
}
.icon-star {
    width: 3em;
    height: 3em;
  fill: #ced2ec;
  transition: all 0.3s;
  pointer-events: none;
}
.rating > input:checked ~ label .icon-star {
  fill: #d49813;
}
.rating:not(:checked) > label:hover .icon-star, .rating:not(:checked) > label:hover ~ label .icon-star {
  fill: #c8cce6;
}
.rating > input:checked + label:hover .icon-star, .rating > input:checked + label:hover ~ label .icon-star, .rating > input:checked ~ label:hover .icon-star, .rating > input:checked ~ label:hover ~ label .icon-star, .rating > label:hover ~ input:checked ~ label .icon-star {
  fill: #d49813;
}
.rating > label:active {
  position: relative;
  top: 1px;
  left: 1px;
}
 /*/////////////////////////////////////////////////////////////*/
/*/////////////  START FEEDBACK RESPONSIVE  ///////////////////*/
/*/////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 650px) 
{
    .rating:not(:checked) > label
    {
      width: 2.4em;
    }
    .icon-star {
      width: 2em;
      height: 2em;
    }
    
}
@media only screen and (max-width: 500px) 
{
    .rating
    {
    margin: 20PX 10px;
    padding: 14px 35px 8px 35px;
    }
    
}
@media only screen and (max-width: 375px) 
{   
     .rating:not(:checked) > label
    {
      width: 1.8em;
    }
    .icon-star {
      width: 1.5em;
      height: 1.5em;
    }
    .rating
    {
        padding: 14px 50px 8px 50px;
    }
    .legend_prop_01 {
      padding: 0 5px;
      font-size: 11px;
    }
    
}
@media only screen and (max-width: 350px)
{ 
  .rating {
      padding: 7px 20px 4px 20px;
  }
  .resp_350_font_28
  {
    font-size: 28px;
  }
}

 /*/////////////////////////////////////////////////////////////*/
/*//////////////  END FEEDBACK RESPONSIVE  ////////////////////*/
/*/////////////////////////////////////////////////////////////*/
 /*...............................................................................................................................................................*/
/*...............................................................................................................................................................*/
/*...............................................................................................................................................................*/
/*......................................................................... START  CUSTOM SECTION 01 .............................................................*/
/*...............................................................................................................................................................*/
/*...............................................................................................................................................................*/
/*...............................................................................................................................................................*/


.custom_section_type_01_ul
{
    padding: 23px 10px;
    scroll-behavior: smooth;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
}
.custom_section_type_01_ul.sb_1
{
  padding-top: 0;
}
.custom_section_type_01_ul .sb_2
{ 
  padding-top: 23px;
  z-index: 100;
  top: 0;
  position: sticky;
  position: -webkit-sticky;
}
.custom_section_type_01_ul::-webkit-scrollbar {
    width:10px;
}
 
.custom_section_type_01_ul::-webkit-scrollbar-track {
    background-color:#e5e8fa  ;
    -webkit-border-radius: 0px;
    border-radius:0px;
}

.custom_section_type_01_ul::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #b9bede; 
}
.custom_scrollbar_type_01::-webkit-scrollbar {
    width:10px;
}
.custom_scrollbar_type_01::-webkit-scrollbar-track {
    background-color:#e5e8fa  ;
    -webkit-border-radius: 0px;
    border-radius:0px;
}

.custom_scrollbar_type_01::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #b9bede; 
}
.custom_scrollbar_type_02::-webkit-scrollbar {
    width:10px;
}
.custom_scrollbar_type_02::-webkit-scrollbar-track {
    background-color:#d9ddf8  ;
    -webkit-border-radius: 0px;
    border-radius:0px;
}

.custom_scrollbar_type_02::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #b9bede; 
}
/* end of Scrollbar Styling */
.custom_section_type_02_ul
{   
    padding: 5px 7px;
    scroll-behavior: smooth;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
}
.p_2_line_height_control_01
{
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   max-height: 45px;     
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}
.p_2_line_height_control_02
{
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   max-height: 45px;     
   -webkit-line-clamp: 1; /* number of lines to show */
   -webkit-box-orient: vertical;
}

.custom_section_type_02_ul_scroll::-webkit-scrollbar {
    width:5px;
   
}
 
.custom_section_type_02_ul_scroll::-webkit-scrollbar-track {
    background-color:#b9bede;
    -webkit-border-radius: 0px;
    border-radius:0px;
}

.custom_section_type_02_ul_scroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #e5e8fa; 
}

.custom_section_type_03_ul_scroll::-webkit-scrollbar {
    width:5px; 
}
.custom_section_type_03_ul_scroll::-webkit-scrollbar-track {
    background-color:#e5e8fa  ;
    -webkit-border-radius: 0px;
    border-radius:0px;
}
.custom_section_type_03_ul_scroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #b9bede; 
}
.custom_section_type_04_scroll::-webkit-scrollbar {
    width:5px;
}
.custom_section_type_04_scroll::-webkit-scrollbar-track {
    background-color:#e5e8fa;
    -webkit-border-radius: 0px;
    border-radius:0px;
}

.custom_section_type_04_scroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #b9bede; 
}
.custom_section_type_01_ul_height
{
  height: calc(100vh - 285px)!important;
}
.custom_section_type_01_li
{
  padding: 8px 5px;
  margin-top: 3px;
  background-color: #ced2ec;
  display: table;
  border-radius: 5px;
  position: relative;
  transition: .08s ease-in;
  -webkit-transition: .08s ease-in;
  -moz-transition: .08s ease-in;
  -o-transition: .08s ease-in;
  -ms-transition:.08s ease-in;
  width: 100%;
  user-select: text;
}
.custom_section_type_01_li:hover
{
  background-color: #b9bede;
}
.custom_section_type_02_li
{
  padding: 0px 5px;
  margin-top: 3px;
 
  display: table;
  border-radius: 5px;
  position: relative;
  transition: .08s ease-in;
  -webkit-transition: .08s ease-in;
  -moz-transition: .08s ease-in;
  -o-transition: .08s ease-in;
  -ms-transition:.08s ease-in;
  width: 100%;
}
.custom_section_type_01_li_top
{
   word-break: break-word;
  -ms-word-break: break-word;
  -webkit-word-break: break-word;
}
.custom_section_type_02_li_color_01
{
  background-color: #ced2ec;
}
.custom_section_type_02_li_color_01:hover
{
  background-color: #b9bede;
}
.custom_section_type_01_li_left
{
  display: table-cell;
  width: 50px;
}
.custom_section_type_01_logo_outer_bg_bottom
{
  background-color: #c0c5ea;
  background-image: linear-gradient(to right, #d8ddfd , #a8aed8);
}

.custom_section_type_01_logo_outer
{ 
  display: inline-grid;
  width: 40px;
  height: 40px;
      margin-top: 8px;
    margin-left: 8px;
  border-radius: 50%;
  text-align: center;
  align-items: center;
  align-content: center;
  vertical-align: middle;

}
.custom_section_type_01_logo_letter
{
  text-align: center;
  align-items: center;
  align-content: center;
  vertical-align: middle;
  color: #353746;
  font-weight: 700;
}
.custom_section_type_01_logo_letter:hover
{
  color: #353746;
}
.custom_section_type_02_logo_letter
{
  text-align: center;
  align-items: center;
  align-content: center;
  vertical-align: middle;
  color: #d49813;
  font-weight: 700;
}
.custom_section_type_02_logo_letter:hover
{
  color: #d49813;
}
.custom_section_type_02_logo_letter:focus
{
  color: #d49813;
}
.custom_section_type_02_logo_letter:active
{
  color: #d49813;
}

.custom_section_type_01_li_right
{
  display: table-cell;
  vertical-align: middle;
}
.custom_section_type_01_li_right_comment
{
  padding: 2px 10px 2px 7px;
}
.custom_section_type_01_li_right_comment_next_box
{
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid #8d92b5;
}
.custom_section_type_01_li_right_comment_bottom
{
  text-align: justify;
  padding-bottom: 5px;
}
.custom_section_type_01_li_right_comment_bottom a
{
  margin-right: 10px;
  color: #4d5669;
}
.custom_section_type_01_li_right_comment_title
{
  font-size: 17px;
  font-weight: 600;
  padding: 10px 0px 10px 0px;
  width: calc(100% - 100px);

  -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text; 
}
.custom_section_type_02_li_right_comment_title
{
    font-size: 15px;
    font-weight: 600;
    padding: 7px 0px 3px 0px;
    line-height: normal;
}
.custom_section_type_01_li_right_comment_bottom_icon_prop
{
  display: none;
}
.custom_section_type_01_li:hover .custom_section_type_01_li_right_comment_bottom_icon_prop
{
  display: inline-block;
}
/*.custom_section_type_01_li:hover .custom_section_type_01_li_hover
{
   display: block;
}*/
.custom_section_type_01_li_hover
{
  position: absolute;
  right: 10px;
  top: 10px;
  background: rgba(229, 232, 250, 0);
  max-width: 100px;
  border-radius: 24px;
  height: 40px;
  display: block;
  transition:0.3s;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  -o-transition:0.3s;
  -ms-transition:0.3s;
}
.custom_section_type_01_li_hover_icon
{
    padding: 5px;
    margin: 1px 5px;
    border-radius: 23px;
    background: #dde0f5;
    color: #1b1d2a;
    font-size: 22px!important;
  transition:0.3s;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  -o-transition:0.3s;
  -ms-transition:0.3s;
  cursor: pointer;
}
.custom_section_type_01_li_hover_icon:hover
{
  background: #ebedfc;

}
/*...............................................................................................................................................................*/
/*...............................................................................................................................................................*/
/*...............................................................................................................................................................*/
/*......................................................................... END  CUSTOM SECTION 01 .............................................................*/
/*...............................................................................................................................................................*/
/*...............................................................................................................................................................*/
/*...............................................................................................................................................................*/
.button_custom_round_01
{
  padding: 10px 30px;
    margin: 0px 10px;
    background: #1f222b;
    border-radius: 5px;
    color: #cbcee2;
    border: 1px solid #d69813;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s; 
    position: fixed;
    left: 15px;
    bottom: 15px;
    z-index: 10035;
}
.button_custom_round_01:hover, .button_custom_round_01:focus 
{
 color: #cbcee2;
    border: 1px solid #d69813;
}
.button_custom_round_02:hover ,.button_custom_round_02:focus
{
 color: #d69813;
    border: 2px solid #d69813;
}
.button_custom_round_02_size
{
  width: 48px;
  height: 48px;
}
.button_custom_round_02 
{
    display: inline-block;
       padding: 5px 5px;
    margin: 0px 8px;
   
    background: #20242f;
    border-radius: 65px;
    color: #bbc4d7;
    border: 2px solid #858aad;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    cursor: pointer;
}
.font_family_material_icons
{
   font-family: 'Material Icons';
    line-height: normal;
}
.button_custom_round_02_size_close
{
    position: relative;
    text-align: center;
    top: -5px;
    padding-top: 10px;
}
/* START LOGIN PAGE CSS */
.sp_login_body
{
    background-color: #1b1c22;
    background-image: linear-gradient(to right, #1b1c22 , #232633 );

}

.sp_login_main
{
    margin: 0px;
    padding: 0px;
    overflow: auto;
    /* background: rgba(0,0,0,0.2); */
    height: 100%;
}
.sp_login_main_content
{
    padding: 20px 0px 0px 0px;
    height: 100%;
    vertical-align: middle;
    display: inline-block;
    width: 100%;
}
.sp_login_main_content_left
{
  display: table;
  align-items: center;
  align-content: center;
  width: 50%; 
  height:calc(100% - 147px);
  vertical-align: middle;
  float: left;

}
.sp_login_main_content_right
{
  display: table;
  align-items: center;
  align-content: center;
  width: 50%; 
  height:calc(100% - 147px);
  vertical-align: middle;
  float: right;
}
.sp_login_main_content_left_section {
    display: table-cell;
    text-align: center;
   padding: 20px 5px;
    align-items: center;
    vertical-align: middle;
    overflow: hidden;


}
.sp_login_main_content_right_section
{
  display: table-cell;
  text-align: center;
  padding: 20px 10px;
  align-items: center;
  vertical-align: middle;
  overflow: hidden;
}

.sp_login_main_content_left_img_border
{
      padding: 80px 2px;
    border-right: 2px solid #d69812;

}
.sp_login_main_content_left_img
{
  width:300px;
  height: 101px;

}

.sp_login_main_content_left_text
{
  padding: 10px 0px 0px 0px; 
  color: #d59812;
  font-weight: 400;
}
.sp_login_box_main {
  

  max-width: 380px;
  width: 100%;
  padding: 5.5rem 3.5rem;
  box-sizing: border-box;
  background: #1f212b;
  border-radius: 10px;
  display: inline-table;
   box-shadow:7px 6px 20px 3px rgb(23, 23, 28);
}

.sp_login_box h2 {
  margin: 0 0 3.5rem;
  padding: 0;
  color: #fff;
  font-weight: 100;
  text-align: center;
}

.sp_login_box .inputBox {
  position: relative;
  padding: 5px 0px;

}

.sp_login_box .inputBox input ,select {
  border-radius: 5px;
  width: 100%;
  padding: 0.625rem 0 0 5px;
  font-size: 18px;
  color: #fff;
  letter-spacing: 0.062rem;
  margin-bottom: 1.875rem;
  border: none;
  border-bottom: 0.065rem solid #777882!important;
  outline: none;
  background: transparent;
}

.sp_login_box .inputBox label {
  position: absolute;
  top: 0;
  left: 5px;
  padding: 0.625rem 0;
  font-size: 18px;
  color: #989ba9;
  pointer-events: none;
  transition: 0.5s;
 font-weight: 400!important;
}

.sp_login_box .inputBox input:focus ~ label,
.sp_login_box .inputBox input:valid ~ label,
.sp_login_box .inputBox input:not([value=""]) ~ label {
  top: -2.125rem;
  left: 0;
  color: #d69813;
  font-size: 1.0em;
  font-weight: 400!important;
}
.sp_login_box .inputBox input:not([value=""]) ~ label {
  top: -2.125rem;
  left: 0;
  color: #d69813;
  font-size: 1.0em;
  font-weight: 400!important;
}
.sp_login_box .inputBox  input:-webkit-autofill ~ label {
  top: -2.125rem;
  left: 0;
  color: #d69813;
  font-size: 1.0em;
  font-weight: 400!important;
  background-color: transparent!important;
}

.sp_login_box input[type="submit"] {
  border: none;
  outline: none;
  color: #fff;
  background-color: #d69813;
  padding: 0.625rem 2rem;
  cursor: pointer;
  border-radius: 0.312rem;
  font-size: 16PX;
   -webkit-transition:0.2s;
  -moz-transition:0.2s;
  -o-transition:0.2s;
  -ms-transition:0.2s;
  margin:20px 0px 0px 0px;
}

.sp_login_box input[type="submit"]:hover {
  background-color: #f1ad1b;
  padding: 0.625rem 2.85rem;
}

.sp_login_box .btn_st01 {
  border: none;
  outline: none;
  color: #fff;
  background-color: #d69813;
  padding: 0.625rem 2rem;
  cursor: pointer;
  border-radius: 0.312rem;
  font-size: 16PX;
   -webkit-transition:0.2s;
  -moz-transition:0.2s;
  -o-transition:0.2s;
  -ms-transition:0.2s;
  margin:20px 0px 0px 0px;
}

.sp_login_box .btn_st01:hover {
  background-color: #f1ad1b;
  padding: 0.625rem 2.85rem;
}


.sp_forgot_pass
{
  
width: 100%;
text-align: left;
color: #44485a;
display: inline-block;
}
.sp_forgot_pass a
{
  color: #62667e;
    transition:0.5s;
  -webkit-transition:0.5s;
  -moz-transition:0.5s;
  -o-transition:0.5s;
  -ms-transition:0.5s;
}
.sp_login_invalid_msg
{
  float: right;
  color: red!important;
  font-weight: 400;
 
}
.sp_login_invalid_msg_toggle
{
 display: none;
}
.sp_forgot_pass a:hover
{
  color: #9395a5;
}
.sp_login_bottom
{
     width: 100%;
    vertical-align: middle;
    text-align: center;
    padding: 20px;
    
    bottom: 0;
    display: inline-block;
}

.sp_login_bottom p
{
  color: #8e92a3;
  font-size: 22px;
  font-weight: 100;
/*  padding-left: 20px;*/
}
.sp_login_bottom p a
{
  color: #d59812;
  font-size: 20px;
  margin:  0px 15px;
  font-weight: 300;
}
.sp_login_bottom p a:hover
{
  color: #f1ae1c;


}
.check_box_for_terms
{
  width: unset!important;
  
}
.check_box_for_terms_input
{
  color:#7d7f8d;
}
.sp_login_bottom_sign_in
{
  display: none;
}

.sp_forgot_password_form
{
  display: none;
}
.sp_new_reg_form
{
  display: none;
}
.sp_login_back_button
{
  position: absolute;
  left: 15px;
  top: 10px;
  display: none;
}
.sp_login_back_button i
{ color: #4a4c5c;
    transition:0.5s;
  -webkit-transition:0.5s;
  -moz-transition:0.5s;
  -o-transition:0.5s;
  -ms-transition:0.5s;
  }
  .sp_login_back_button i:hover
{ color: #989ba9;
  }
@media only screen and (max-width: 990px) 
{ 
  .lv_custom_col_2
  {
        max-width: 80px!important;
  }
  .sp_login_main_content
  {
    height: 100%;

  }
  .sp_login_main_content_left_img
  {
    width: 200px;
    height: unset;
  }

  .sp_login_main_content_left
  { 
    width: 100%;
    height: unset;
  }
  .sp_login_main_content_left_img_border
  {
    border-right:none;
    padding: 10px 2px;
  }
  .sp_login_main_content_right
  {
    width: 100%;
    height: calc(100% - 313px);
  }
}

/* END LOGIN PAGE CSS */

/************************************************/

.switch_tpye_01 {
 position: relative;
    display: inline-block;
    width: 38px;
    height: 20px;
        margin-left: 18px;
}

.switch_tpye_01_additional
{
    margin-top: 5px;
}

.switch_tpye_01 input { 
  opacity: 0;
  width: 0;
  height: 0;
}


.slider_switch_tpye_01 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #464a64;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider_switch_tpye_01:hover
{
  background-color: #a3a6b6;
}
.slider_switch_tpye_01.sb_1{
  background-color: #bdc1de;
}

.slider_switch_tpye_01:before {
  position: absolute;
  content: "";
     height: 16px;
    width: 16px;
    left: 3px;
    bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch_tpye_01 input:checked + .slider_switch_tpye_01{
  background-color: #d39813;
}

.switch_tpye_01 input:focus + .slider_switch_tpye_01 {
  box-shadow: 0 0 1px #d39813;
}

.switch_tpye_01 input:checked + .slider_switch_tpye_01:before{
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */
.slider_switch_tpye_01.round {
  border-radius: 34px;
}

.slider_switch_tpye_01.round:before {
  border-radius: 50%;
}

.switch_tpye_02 {
 position: relative;
    display: inline-block;
    width: 38px;
    height: 20px;
        margin-left: 18px;
}
.switch_tpye_02 input { 
  opacity: 0;
  width: 0;
  height: 0;
}
.slider_switch_tpye_02 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ced2ec;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider_switch_tpye_02:hover
{
  background-color: #a3a6b6;
}

.slider_switch_tpye_02:before {
  position: absolute;
  content: "";
     height: 16px;
    width: 16px;
    left: 3px;
    bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch_tpye_02 input:checked +  .slider_switch_tpye_02{
  background-color: #d39813;
}

.switch_tpye_02 input:focus + .slider_switch_tpye_02{
  box-shadow: 0 0 1px #d39813;
}

.switch_tpye_02 input:checked +  .slider_switch_tpye_02:before{
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}
/* Rounded sliders */
.slider_switch_tpye_02.round {
  border-radius: 34px;
}

.slider_switch_tpye_02.round:before {
  border-radius: 50%;
}


/**********************************************/

#toTop {
  width: 40px;
  height: 40px;
  border-radius: 50%;
    padding: 7px 8px;
    background: #292c3b;
    color: #fff;
    position: fixed;
    bottom: 45px;
    right: 8px;
    display: none;
    z-index: 10036;
    box-shadow: 5px 4px 13px 1px #141419;
    cursor: pointer;
    transition:0.5s;
  -webkit-transition:0.5s;
  -moz-transition:0.5s;
  -o-transition:0.5s;
  -ms-transition:0.5s;
}

#toTop:hover 
{
  
  background: #3b3f52;

}
.scroller_to_top
{
   transition:0.3s;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  -o-transition:0.3s;
  -ms-transition:0.3s;
  margin-top: 2px;
}
#toTop:hover .scroller_to_top
{
  margin-top: -3px;

}



#load{
    width:100%;
    height:100%;
    position:fixed;
    z-index:10100;
  background: #1f222b;
}

.cs-loader {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cs-loader-inner {
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  width: 100%;
  /*width: calc(100% - 200px);*/
  color: #d69813 ;
  padding: 0 5px;
  text-align: center;
}

.cs-loader-inner label {
  font-size: 20px;
  opacity: 0;
  display:inline-block;
}

@keyframes lol {
  0% {
    opacity: 0;
    transform: translateX(-300px);
  }
  33% {
    opacity: 1;
    transform: translateX(0px);
  }
  66% {
    opacity: 1;
    transform: translateX(0px);
  }
  100% {
    opacity: 0;
    transform: translateX(300px);
  }
}

@-webkit-keyframes lol {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
  }
  33% {
    opacity: 1;
    -webkit-transform: translateX(0px);
  }
  66% {
    opacity: 1;
    -webkit-transform: translateX(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(300px);
  }
}

.cs-loader-inner label:nth-child(6) {
  -webkit-animation: lol 2s infinite ease-in-out;
  animation: lol 2s infinite ease-in-out;
}

.cs-loader-inner label:nth-child(5) {
  -webkit-animation: lol 2s 100ms infinite ease-in-out;
  animation: lol 2s 100ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(4) {
  -webkit-animation: lol 2s 200ms infinite ease-in-out;
  animation: lol 2s 200ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(3) {
  -webkit-animation: lol 2s 300ms infinite ease-in-out;
  animation: lol 2s 300ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(2) {
  -webkit-animation: lol 1s 400ms infinite ease-in-out;
  animation: lol 2s 400ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(1) {
  -webkit-animation: lol 2s 500ms infinite ease-in-out;
  animation: lol 2s 500ms infinite ease-in-out;
}
.header_bg
{
 background-color: #1b1c22;
}
.header-section
{
  background-color: #1f222b;
  width: 100%;
  height: 80px;
  display: inline-block;
}


.shootpro-logo
{
  width: 165px;
  height: 55px;
  float: left;

}
.top_img
{
  padding-top: 5px;
  padding-bottom: 5px;
  float: left;
}
.shootpro-user-icon
{
   margin: 10px 0px 10px 33px;
    border-left: 2px solid #32343b;
    padding: 9px 18px 9px 18px;
    float: right;
}
.profile_img_with_char_container {
    position: relative;
    display: inline-block;
    width: 43px;
}
.profile_img_with_char {
    display: inline-block;
    width: 43px;
    height: 42px;
    border-radius: 50%;
    background: #d59812;
    font-size: 24px;
    color: #000;
    line-height: 41px;
    bottom: -25px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}

.shootpro-users
{ 
  float: right;
  padding:20px 10px 20px 10px;

}
.collaborator_img
{
  width: 40px;
  height: 40px;
}
.collaborator_add_icon
{
  width: 46px;
  height: 40px;
}
.user-icon-list
{ 
  float: right;
/* overflow: auto;
    white-space: nowrap;*/
}
.user-icon-list a 
{
 width: 55px;
 display: inline-block;
 overflow: hidden;
 margin-right: -15px;
}
.user-icon-list a img
{
  margin: 12px 2px 12px 2px;
}
.user-icon-list i
{
  margin: 10px -5px;
}
.remove_collaborator_icon
{ opacity: 0;
  position: relative;
  top: -15px!important;
  left: -12px!important;
  color:rgba(136, 141, 170, 0.37);;
  font-size: 18px!important;
      transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
}
.remove_collaborator_icon:hover
{

  color: #b2b5c7;
  font-size: 20px!important;
}
.c_img_hover:hover .remove_collaborator_icon
{
  opacity: 1;
}
.user-icon-left-arrow
{
  cursor: pointer;
  float: left;
  color: #535c6d;
  -webkit-text-stroke: 2px #1f222b;
  font-size: 42px!important;
   font-weight: 100;
 
}
.user_icon_left_arrow_display
{
  display: none;
}
/* end header section*/
.head_menu_for_tab
{
    height: 70px;
    display: inline-block;
    padding: 12px 16px 5px 22px;
    width: 100%;
    background-color: #1f222b;
    margin-bottom: 3px;
    display: none;
 
}
.head_menu_center_for_tab
{
  float: left;
  padding-top: 0px;
  margin-left: -20px;
}
.head_menu_center_for_tab a
{
  font-size: 20px;
    color:#979aab;
    display: inline-block;
    
  float: left;
  padding: 19px 0px 0px 0px;
  margin: 0px 20px;
}
.head_menu_right_for_tab
{
  display: none;
}
.head-menu
{
  height: 70px;
  display: inline-block;
  padding: 12px 16px 5px 22px;
  width: 100%;
  background-color: #1f222b;
  margin-top: -3px;
  margin-bottom: -3px;
}


.head-menu-left
{
  float: left;

}
.head-menu-left a i
{
  font-size: 33px;
  color: #5c5f74;
  -webkit-text-stroke: 1px #1f222b;
  position: absolute;
  margin-left: -39px;
  margin-top:  -2px;
  transition:0.5s;
  -webkit-transition:0.5s;
  -moz-transition:0.5s;
  -o-transition:0.5s;
  -ms-transition:0.5s;
  animation: bling_color 0.7s;
  -moz-animation: bling_color 1s;
  -webkit-animation: bling_color 0.7s;
  animation-delay: 1s;
  animation-iteration-count: 10;
  animation-direction: forward;
}
@-webkit-keyframes bling_color{
  25% {
      margin-left: -42px;
      color: #d69813;
  }
  50%{
     margin-left: -36px;
      color: #d69813;
  }
   75%{
     margin-left: -39px;
  }

}

.head-menu-left a
{
  font-size: 20px;
  color: #acafc0;
  display: inline-block;
padding: 10px 0px 0px 42px;


}
.head-menu-right
{
  float: right;
  margin-top: -3px;

}
.head-menu-right a
{
  
  font-size:35px;
}
.head-menu-right a i
{
  font-size: 35px;
  color: #8d91aa;
  /*-webkit-text-stroke: 1px #1f222b;*/
  margin: 8px;
   transition:0.4s;
  -webkit-transition:0.4s;
  -moz-transition:0.4s;
  -o-transition:0.4s;
  -ms-transition:0.4s;
 cursor: pointer;

}
.head-menu-right a i:hover
{

  color: #e5e8fa;
}

.pad-right-10
{
  padding-right: 50px;
}
.glyphicon-th-large-style
{
  font-size: 24px !important; top:-6px!important;
}
.glyphicon_style_1
{
  font-size: 21px!important; 
  top:0px!important;
}
/*...............menu bar....................*/
.head-menu-center
{
  float: left;
  padding-top: 0px;
  padding-left: 90px;
}
.head-menu-center a
{
  font-size: 20px;
    color: #979aab;
    display: inline-block;
    
  float: left;
  padding: 19px 0px 0px 0px;
  margin: 0px 20px;
  

}
.tab_custom_props_01 a
{
    color: #1b1c22;  
  padding: 19px 0px 0px 0px;
}
.active_head {
    display: inline-block;
    color:#e5e8f9!important;
    text-decoration: none;
}

.cool-link {
    display: inline-block;
    
    text-decoration: none;

}
.cool-link::after {
  border-radius: 10px;
  margin-top:3px;
    content: '';
    display: block;
    width:0;
    height: 2px;
    background: #d69813;
  transition: width .2s;
  -webkit-transition:width .2s;
  -moz-transition:width .2s;
  -o-transition:width .2s;
  -ms-transition:width .2s;
}

.cool-link:hover::after {
    width: 100%;
    
}
.cool-link2 {
    display: inline-block;
    color:#e5e8fa!important;
    text-decoration: none;
}
.cool-link2::after {
  border-radius: 10px;
  margin-top:3px;
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #d69813;
   transition: width .2s;
  -webkit-transition:width .2s;
  -moz-transition:width .2s;
  -o-transition:width .2s;
  -ms-transition:width .2s;
}
.cool-link3 {
    display: inline-block;
    text-decoration: none;
}
.cool-link3::after {
  border-radius: 10px;
  margin-top:2px;
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #d69813;
   transition: width .2s;
  -webkit-transition:width .2s;
  -moz-transition:width .2s;
  -o-transition:width .2s;
  -ms-transition:width .2s;
}

/*...............end menu bar....................*/

/*.........start of tick mark menu bar .....*/
.project_inner_tick-mark-menubar
{
  border-right:2px solid #1b1c22;
}
.project_inner_bulk_actn_pos
{
  position: sticky;
  position: -webkit-sticky;
  top: 73px;
}
.rawfiles_tickmark_menubar_style
{
   display: none;
  height: 54px;
  padding: 14px 0px 14px 0px;
  width: 100%;
  background-color: #2c3141;
  z-index: 10020;
  -webkit-box-shadow:1px 5px 9px -4px rgba(0,0,0,0.43);
-moz-box-shadow:1px 5px 9px -4px rgba(0,0,0,0.43);
box-shadow:1px 5px 9px -4px rgba(0,0,0,0.43);
 
}
.tick-mark-menubar
{
   display: none;
  height: 54px;
  padding: 14px 0px 14px 0px;
  width: 100%;
  background-color: #2c3141;
  z-index: 10020;
  -webkit-box-shadow:1px 5px 9px -4px rgba(0,0,0,0.43);
-moz-box-shadow:1px 5px 9px -4px rgba(0,0,0,0.43);
box-shadow:1px 5px 9px -4px rgba(0,0,0,0.43);
 
}
.tick_mark_menubar_pro
{
  z-index: 10031!important;
  border-top:3px solid #1b1c22;
  top: 67px;

}
.tick_mark_menubar_pro_fix
{
  top: 136px;
}
.tick-mark-menubar-left
{
  float: left;
  padding-left: 7px;

}
.tick-mark-menubar-left a
{
  display: inline-block;
  padding: 0px 0px;
  border-left: 1px solid #4e556c; 
}
.tick-mark-menubar-left a i
{
  font-size: 25px;
/*  color: #c1c4df;*/
  
  margin:0px 15px; 
}
.tick-mark-menubar-right
{ display: inline-block;
 float: right;
 padding-right: 7px;
}
.tick-mark-menubar-right a
{
padding: 0px 0px;
font-size: 16px;
color: #c1c4df;
display: inline-block;
}
.tick-mark-menubar-right a i
{    
font-size: 25px;
right: 0px;
color: #c1c4df;
margin: -2px 9px 0px 9px;
vertical-align: middle;
}
.h_deselect
{
  display: none;
}
.selectall_pad
{
  position: relative;
}
.icon_dim
{
  color: #52576b !important;
}
.icon_dim:active
{
color: #c1c4df !important;
}
.color_bright
{
color: #d69813!important;
}
/*.........end of tick mark menu bar .....*/


  /* tool tip css */
  /* START TOOLTIP STYLES */
  [tooltip] {
    position: relative; 
    z-index: 1;
  }

  /* Applies to all tooltips */
  [tooltip]::before,
  [tooltip]::after {
    text-transform: none; 
    font-size: 15px;
    line-height: 1;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0;
  }
  [tooltip]::before {
    content: '';
    border: 5px solid transparent; 
    z-index: 1;
  }
  [tooltip]::after {
    content: attr(tooltip); 
    text-align: center;
    min-width: 4em;
    max-width: 21em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1.2ch 1.8ch;
    border-radius: .7ch;
    box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.50);
    background: #323646;
    color: #d5ddf7;
    z-index: 1; 
  }

  /* Make the tooltips respond to hover */
  [tooltip]:hover::before,
  [tooltip]:hover::after {
    display: block;
  }

  /* don't show empty tooltips */
  [tooltip='']::before,
  [tooltip='']::after {
    display: none !important;
  }

  /* FLOW: UP */
  [tooltip]:not([flow])::before,
  [tooltip][flow^="up"]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #323646;
  }
  [tooltip]:not([flow])::after,
  [tooltip][flow^="up"]::after {
    bottom: calc(100% + 5px);
  }
  [tooltip]:not([flow])::before,
  [tooltip]:not([flow])::after,
  [tooltip][flow^="up"]::before,
  [tooltip][flow^="up"]::after {
    left: 50%;
    transform: translate(-50%, -.5em);
  }

  /* FLOW: DOWN */
  [tooltip][flow^="down"]::before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color: #323646;
  }
  [tooltip][flow^="down"]::after {
    top: calc(100% + 5px);
  }
  [tooltip][flow^="down"]::before,
  [tooltip][flow^="down"]::after {
    left: 50%;
    transform: translate(-50%, .5em);
  }

  /* FLOW: LEFT */
  [tooltip][flow^="left"]::before {
    top: 50%;
    border-right-width: 0;
    border-left-color: #323646;
    left: calc(0em - 5px);
    transform: translate(-.5em, -50%);
  }
  [tooltip][flow^="left"]::after {
    top: 50%;
    right: calc(100% + 5px);
    transform: translate(-.5em, -50%);
  }

  /* FLOW: RIGHT */
  [tooltip][flow^="right"]::before {
    top: 50%;
    border-left-width: 0;
    border-right-color: #323646;
    right: calc(0em - 5px);
    transform: translate(.5em, -50%);
  }
  [tooltip][flow^="right"]::after {
    top: 50%;
    left: calc(100% + 5px);
    transform: translate(.5em, -50%);
  }

.custom_tooltip_prop_1[tooltip]::after {
    content: attr(tooltip); 
    max-width: 217px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    font-size: 14px;
  }
 .custom_tooltip_prop_2[tooltip]::after {
    content: attr(tooltip); 
    font-size: 14px;
    max-width: 160px;
    text-overflow: unset;
    white-space: unset;
    text-align: left;
    padding: 7px 7px;
    line-height: 110%;
  }
   .custom_tooltip_prop_2_style[tooltip]::after {
    content: attr(tooltip); 
    font-size: 14px;
    max-width: 260px;
    text-overflow: unset;
    white-space: unset;
    text-align: left;
    padding: 7px 7px;
    line-height: 110%;
    position: absolute;
    z-index: 10;
  }
   .custom_tooltip_prop_2_2[tooltip]::after {
    content: attr(tooltip); 
    font-size: 14px;
    max-width: 200px;
    text-align: left;
    padding: 7px 7px;
    line-height: 110%;
  }
   .custom_tooltip_prop_2_1[tooltip] {
    z-index: 2;
  }
   .custom_tooltip_prop_3[tooltip]::after {
    content: attr(tooltip); 
    font-size: 14px;
    max-width:140px;
    text-overflow: unset;
    white-space: unset;
    text-align: left;
    padding: 7px 7px;
    line-height: 110%;
    margin-left: 20px;
  }

  /* KEYFRAMES */
  @keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0);
  }
  }

  @keyframes tooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -50%);
  }
  }

  /* FX All The Things */ 
  [tooltip]:not([flow]):hover::before,
  [tooltip]:not([flow]):hover::after,
  [tooltip][flow^="up"]:hover::before,
  [tooltip][flow^="up"]:hover::after,
  [tooltip][flow^="down"]:hover::before,
  [tooltip][flow^="down"]:hover::after {
    animation: tooltips-vert 100ms ease-out forwards;
  }

  [tooltip][flow^="left"]:hover::before,
  [tooltip][flow^="left"]:hover::after,
  [tooltip][flow^="right"]:hover::before,
  [tooltip][flow^="right"]:hover::after {
    animation: tooltips-horz 100ms ease-out forwards;
  }


.grid_container_scroll_top_margin_home_page
{
      margin-top:80px;

    z-index: 1000;
}


/* search box */

.sp_search_box
{
  font-size: 16px;
  display: inline-block;
  width: 0;
  font-weight: 300;
  border: none;
  outline: none;
  color: #b1b4ce;
  /* padding: 3px; */
  /* padding-right: 30px; */
  top: -10px;
  right: 0px;
  position: relative;
  background: none;
  z-index: 3;
  transition: width .2s cubic-bezier(0.000, 0.795, 0.000, 1.000);
  cursor: pointer;
}



.sp_search_box:focus:hover {
  border-bottom: 1px solid #31323d;
}

.sp_search_box:focus {
  width: 200px;

  z-index: 1;
  border-bottom: 1px solid #31323d;
  cursor: text;
}
.sp_search_box:visited {
border-bottom: 1px solid #31323d;
}

/* end searchbox */

.contents_main_prop
{
 /* height: 100%;*/
}

/* content image box styles */
.grid-container {

    display: grid;
    padding:  20px 30px 30px 50px;
    background: #1b1c22;
align-content: center;
align-items: center;
justify-items: center;


}

.grid-container--fill {
    grid-template-columns: repeat(auto-fill, minmax(285px, 1fr));
    transition-delay: 0.5s;   
}
.grid-container--fill.unsting_with_add_prop {
    /*grid-template-columns: unset;*/
    /*display: inline-block;*/
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    display: grid;
    grid-gap: 10px;
    
}
.grid-container--fill.unsting_with_add_prop .grid-element {
/* float: left;*/
}
.grid--big-columns {
    grid-template-columns: repeat(auto-fill, minmax(285px, 1fr));
    transition-delay: 0.5s;   
}
.grid-element {
  width: 270px;
  height: 220px;
  background-color: #1f222b;
  padding:0px;
  color: #fff;
  border-radius: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
  box-shadow: 5px 4px 13px 1px #1a1b21;
  border: 2px solid #1b1c22;
  transition:0.2s;
  -webkit-transition:0.2s;
  -moz-transition:0.2s;
  -o-transition:0.2s;
  -ms-transition:0.2s;
  animation: scale-in 0.2s ease-out ;
  -webkit-animation: scale-in 0.2s ease-out ;
  -moz-animation: scale-in 0.2s ease-out ;
  -o-animation: scale-in 0.2s ease-out ;
  -ms-animation: scale-in 0.2s ease-out ;
  /*transform: scale(1);
  opacity: 0;*/
}
.grid-element.selected .project_title_icon{
  color: #292c3b !important;
}
.grid-element.selected .content_page_title_section{
  color: #292c3b;
  font-weight: 600;
}
.grid-element.selected .content_page_below_title_area_pad_inner_color{
  color: #292c3b;
}
.grid-element.selected .project_status_props_01{
  color: #ffffff !important;
}
.grid-element.selected .project_settings_icon{
  color: #292c3b;
}


/*************/
.grid-element.inner_files_box_sizing
{
    width: 250px;
    max-width: 100%;
    height: 185px;
/*    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;*/
    margin: 0px!important;
    background-color: #393d54;
}
.content-page-img-thumb.inner_files_box_sizing_img_thumb
{
      height: 130px;
      background: #292c3b;
}
.content-page-img-thumb.inner_files_box_sizing_img_thumb img
{
      max-width: 100%;
}
.content-page-img-thumb-overlay-hover_new_folder.with_preview_thumb_innr.inr_fls_bx_sz_hvr
{
  height: 100%;
}
.content-page-img-thumb-overlay-hover_new_folder.inr_fls_bx_sz_hvr_fix.inr_fls_bx_sz_hvr
{
 height: 100%;
 top: -111%;
}
.content-page-img-thumb-overlay-hover-center.inr_fls_bx_sz_hvr_icn
{
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  width: 100%;
}
.content-page-title-area.inr_fls_bx_sz_btm_sec
{
  width: auto;
  max-width: 100%;
  padding: 7px 10px 8px 10px;
}
.content_page_title_section.inr_fls_bx_sz_btm_sec_fle_nme
{
  max-width: calc(100% - 55px);
}
.max_width_adjst_foldername
{
  max-width: calc(100% - 55px);
}

.content-page-title-area-settings-project-inner.inr_fls_bx_sz_btm_sec_setngs
{
  margin-left: 0;
}

.project_status_props_01.inr_fls_bx_sz_btm_sec_sts
{
  max-width: calc(100% - 80px);
}
.settings_icon_click.add_prop_styling01
{
  margin-left: 0;
  right: -42px;
    float: right;
}
/************/

.space_br_ntifn
{
  width: 100%;
  padding: 5px 5px;
  z-index: 1000;
  display: none;
  animation: trns_anim_st1 0.1s ease-out ;
  -webkit-animation: trns_anim_st1 0.1s ease-out ;
  -moz-animation: trns_anim_st1 0.1s ease-out ;
  -o-animation: trns_anim_st1 0.1s ease-out ;
  -ms-animation: trns_anim_st1 0.1s ease-out ;
}
.space_br_ntifn_cnt
{
  font-size: 11px;
  padding: 3px 6px;
  background: rgb(57, 61, 84);
  border-radius: 5px;
  color: #ecefff;
}
.space_br_ntifn_btn
{
  font-size: 11px;
  padding: 3px 7px 3px 6px;
  background: #355196;
  border-radius: 45px;
  color: #fefeff;
  float: right;
  cursor: pointer;
  display: none;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition:  all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.space_br_ntifn_btn:hover
{
 background: #2e3d62;
}
@keyframes trns_anim_st1 {
  0%{
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    opacity: 0;
  }
  100%{
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes trns_anim_st1 {
  0%{
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    opacity: 0;
  }
  100%{
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
  }
}
@-moz-keyframes trns_anim_st1 {
  0%{
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    opacity: 0;
  }
  100%{
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
  }
}
@-o-keyframes trns_anim_st1 {
  0%{
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    opacity: 0;
  }
  100%{
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
  }
}


.pro_1
{
  position: relative;
}

.grid_element_for_upload_sample_section
{
  width: unset!important;
  height: 150px!important;
  max-width: unset!important;
  background-color: unset!important;
  padding:0px;
  color: #fff;
  border-radius: unset!important;
  margin-top: 10px;
  margin-bottom: 10px;
 box-shadow:unset!important;
 border: unset!important;
 overflow: hidden;
}
.grid_element_for_upload_sample_section_img
{
    width: 251px!important;
    overflow: hidden;
    height: 150px!important;
}


 .grid_element_for_upload_sample_section img
 {
      
    object-fit: fill;
    height: 100%;
    width: 100%;
    max-width: unset!important;
    max-height: unset!important;
    min-width: unset!important;
    cursor: pointer;
 }



.sp_upload_processing_status_main
{
     position: absolute;
    margin: 0;
    padding: 0;
    height: 216px;
    width: 266px;
    background:linear-gradient(to right, rgb(34, 36, 49) 0%, #2c2f40 50%, rgb(34, 36, 49) 100%);
       background-color: #292c3b;
    z-index: 9997;
    border-radius: 13px;
    overflow: hidden;
    border: 1px solid #1b1c22;
}
.sp_upload_processing_status_main.sb01
{
  width: 100%;
  height: 100%;
}
.sp_upload_sample_progressing_status_main
{
     position: absolute;
    margin: 0;
    padding: 0;
    height: 150px;
    width: 251px;
    background:linear-gradient(to right, rgb(34, 36, 49) 0%, #2c2f40 50%, rgb(34, 36, 49) 100%);
       background-color: #292c3b;
    z-index: 11150;
    border-radius: unset;
    overflow: hidden;
    
}
.grid_element_for_upload_sample_section:hover  .sp_upload_sample_img_hover
{
display: table;
opacity: 1;
}

.sp_upload_sample_img_hover

{ 
 display: none;
     position: absolute;
    margin: 0;
    padding: 0;
    height: 150px;
    width: 251px;
       background-color:rgba(0, 0, 0, 0.73);
    z-index: 11149;
    overflow: hidden;
    cursor: zoom-in;
    opacity: 0;
       -webkit-animation: scc_visible 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation: scc_visible 0.2s;
    animation-fill-mode: forwards;
        transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition:  all 0.3s ease;
    -ms-transition: all 0.3s ease;
}
.sample_preview_hover_icon_1
{

   opacity:0;
    transform: translateX(-500%);
    -webkit-transform: translateX(-500%);
     -o-transform:translateX(-500%);
    -ms-transform:translateX(-500%);
      animation: icon-slide-in-from-left  0.3s forwards;
    -webkit-animation:icon-slide-in-from-left  0.3s forwards;
    -o-animation:icon-slide-in-from-left  0.3s forwards;
    -ms-animation: icon-slide-in-from-left  0.3s forwards;
}
    
@keyframes icon-slide-in-from-left {
   50% {
    opacity: 0; }
    100% { transform: translateX(0%);
    -webkit-transform: translateX(0%);
     -o-transform:translateX(0%);
    -ms-transform:translateX(0%); 
    opacity: 1; }
}

@-webkit-keyframes icon-slide-in-from-left  {
      50% {
    opacity: 0; }
    100% { transform: translateX(0%);
    -webkit-transform: translateX(0%);
     -o-transform:translateX(0%);
    -ms-transform:translateX(0%); 
    opacity: 1; }
}
@-moz-keyframes icon-slide-in-from-left  {
      50% {
    opacity: 0; }
    100% { transform: translateX(0%);
    -webkit-transform: translateX(0%);
     -o-transform:translateX(0%);
    -ms-transform:translateX(0%); 
    opacity: 1; }
}
.sample_preview_hover_icon_2
{

  opacity:0;
    transform: translateX(500%);
    -webkit-transform: translateX(500%);
     -o-transform:translateX(500%);
    -ms-transform:translateX(500%);
      animation: icon-slide-in-from-left  0.3s forwards;
    -webkit-animation:icon-slide-in-from-left  0.3s forwards;
    -o-animation:icon-slide-in-from-left  0.3s forwards;
    -ms-animation: icon-slide-in-from-left  0.3s forwards;
}
    



.sp_upload_sample_img_hover_icons
{
  display: table-cell;
  vertical-align: middle;
}
.sp_upload_sample_img_hover_icons a
{

    display:  block!important;
    text-align: center;
    overflow:  unset!important;
    position:  unset!important;
    float:  none!important;
}
.sp_upload_sample_img_hover_icons_inner
{
    /*width: 125px;*/
    width: 85px;
    display: flex;
    margin: auto;
}
.sp_upload_sample_img_hover_icons_inner a
{
       padding: 8px 8px 2px 8px!important;
    border-radius: 25px!important;
    background-color: #d69813a3;
    margin-left: 5px;
    color: #fcf8e3;
}
.sp_upload_sample_img_pad
{
  padding: 0!important;
}
.sp_upload_sample_img_hover_icons_inner a i
{
     font-size: 19px!important;
}

.sp_upload_processing_status_inner
{
  height: inherit;
  width: inherit;
  align-items: center;
  align-content: center;
  vertical-align: middle;
}
.sp_upload_processing_status_circle_prop {
       margin: auto;
    padding-top: 19px;
}
.sp_upload_processing_status_circle_inner_prop {
    width: 100%;
    margin: 0 auto;
    margin-top: 10px;
    display: inline-block;
    position: relative;
    text-align: center;
}
.sp_upload_processing_status_circle_inner_prop i{
    font-size: 25px;
    color: #d69812;
}
.sp_upload_processing_status_circle_inner_prop canvas {
    vertical-align: middle;
        border-radius: 50%;
   /* background: #1e1f25;*/
}
.sp_upload_processing_status_circle_inner_prop div {
    position: absolute;
    top: 27px;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
}
.sp_upload_processing_status_circle_inner_prop strong i {
    font-style: normal;
    font-size: 0.6em;
    font-weight: normal;
}
.sp_upload_processing_status_circle_inner_prop span {
    display: block;
    color: #aaa;
    margin-top: 12px;
}
.sp_upload_processing_status_text
{
  padding-top: 15px;
}

.sp_upload_processing_status_bottom
{ 
  padding: 4px 10px 5px 10px;
    background-color: #1c1d25;
    background: linear-gradient(to right, rgb(41, 44, 60) 0%, #282a35 50%, rgb(24, 26, 35) 100%);
    border-radius: 12px;
    position: absolute;
    bottom: 7px;
    right: 7px;
    left: 7px;
    width: 95%;
    
    
}
.sp_upload_processing_status_bottom_content
{ text-align: center;
    overflow: hidden;
}
.sp_upload_processing_status_bottom_content span
{    padding-right: 5px;
  padding-left: 5px;
    font-size: 12px;
    color: #b2b5c7;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;

}

/*hover image content changes*/

.grid:hover .hover_hide_c1
{
  display: none;
}
.grid:hover .hvrly_tick_icn_prop_lbl
{
  display: block;
}
.grid:hover .content-page-img-thumb-overlay-hover
{
  display: block;
}
.grid:hover .content-page-img-thumb-overlay-hover_new_folder
{
  display: block;
}
.grid:hover .round label
{
  border: 2px solid #898e99;
}
.grid:hover .round label:before 
{
  border-color: #898e99;
}
.grid:hover .content-page-title-area-settings  {
 margin-top:-40px;
}
.grid:hover .content-page-title-area-hover-show
{
  display: block;
  cursor: default;
}
/*.grid:hover .settings_icon_click_prop
{
  margin-top: 55px;
  margin-left: 140px;
}*/
.grid:hover
{
border: 2px solid #d69813!important;
background: #202431;
}
.grid:hover .content-page-title-area-settings-list-view
{
  display: block;
}
.grid:hover .list_view_content_hover_hide
{
  display: none;
}
.grid:hover .list_view_content_hover_show
{
 display: block;
}
.grid:hover .ang
{
  -webkit-animation: fadeInnn 0.2s linear;
  animation: fadeInnn 0.2s linear;
}

/*hover image content changes*/
.content-page-img-thumb
{
width: inherit;
  height: 157px;
  overflow: hidden;
   border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}
.content-page-img-thumb.with_preview_thumb_outer
{
  text-align: center;
  align-items: center;
}


.content-page-img-thumb img
{
  max-width: 270px;/*
  height: 157px;*/
  /*border-top-right-radius: 15px;
  border-top-left-radius: 15px;*/
  background-color: rgb(41, 44, 59);
}
.content-page-img-thumb_propimg
{
  width: 270px;
  height: 157px;
}
.content-page-img-thumb-overlay
{
 
}
.content-page-img-thumb-overlay-bottom
{ 
  float: left;
  margin-top: -28px;
  position: absolute;
}
.content-page-img-thumb-overlay-bottom a
{
  font-size: 12px;
  color: #c5cddc !important;
  float: left;
  /* margin-top: -21px; */
  margin-left: 4px;
  z-index: 10;
  width: auto;
  max-width: 100px;
  position: relative;
  padding: 1px 7px;
  border:1px solid #1f222b;
  border-radius: 5px;
  background-color: rgba(31, 34, 43, 0.79);

}
.content-page-img-thumb-overlay-bottom-span
{
    font-size: 12px;
    color: #c5cddc !important;
    float: left;
    /* margin-top: -21px; */
    margin-left: 4px;
    z-index: 10;
    width: auto;
    max-width: 65px;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    padding: 1px 7px 1px 4px;
    border: 1px solid #1f222b;
    border-radius: 5px;
    background-color: rgba(31, 34, 43, 0.79);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2;
    -ms-transition: 0.2s;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;

}
.grid:hover .content-page-img-thumb-overlay-bottom-span
{
  color: #c5cddc!important;
  background-color: #1f222b;
  border:1px solid #42455b;
}

.content-page-img-thumb-overlay-hover
{
  background: rgba(0,0,0,0.6);
  position: relative;
  height: 100%;
  width: 100%;
  left: 0;
  top: -100%;
  bottom: 0;
  right: 0;
  z-index: 1000;
  display: none;

}
.content-page-img-thumb-overlay-hover_new_folder
{
  background: rgb(41, 44, 59);
  position: relative;
  height: 100%;
  width: 100%;
  left: 0;
  top: -100%;
  bottom: 0;
  right: 0;
  z-index: 1000;
  display: none;
   transition: 0.2s;
  -webkit-transition:0.2s;
  -moz-transition:0.2s;
  -o-transition:0.2;
  -ms-transition:0.2s;
}
.content-page-img-thumb-overlay-hover_new_folder.with_preview_thumb_innr 
{
  background: rgba(41, 44, 59,0.8);
    top: 0;
    height: 157px;
    position: absolute;
}


.content-page-img-thumb-overlay-hover-top
{
  float: left;
  position: relative;
  margin-top: -160px;
  z-index: 1000;
  
}
.content-page-img-thumb-overlay-hover-top.hvrly_tick_icn_prop
{
  margin-top: -130px;
}

/*checkbox*/

/*end check box*/
.round {
  
}

.round label {
  
  border:2px solid #444955;

  border-radius: 50%;
  cursor: pointer;
  height: 25px;
  width: 25px;
  left: 10px;
  position: absolute;
  top: 10px;

 }
.round label:before {
  border: 2px solid #444955;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 4px;
  opacity: 1;
  position: absolute;
  top: 6px;
  transform: rotate(-45deg);
  width: 12px;

}
.round label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 4px;
  opacity: 0;
  position: absolute;
  top: 6px;
  transform: rotate(-45deg);
  width: 12px;
}

.round input[type="checkbox"] {
  cursor: pointer;
  width: 24px;
  height: 24px;
  margin-left: 12px;
  margin-top: 12px;
  z-index: 5;
  opacity: 0;

}

.round input[type="checkbox"]:checked + label {
  background-color: #d69813;
  border-color: #d69813;

}
.hvrly_tick_icn_prop_lbl{
  display: none;
      animation: scale-in 0.2s ease-out ;
    -webkit-animation: scale-in 0.2s ease-out ;
    -moz-animation: scale-in 0.2s ease-out ;
    -o-animation: scale-in 0.2s ease-out ;
    -ms-animation: scale-in 0.2s ease-out ;
}

.round input[type="checkbox"]:checked + label.hvrly_tick_icn_prop_lbl {
 display: block;
}
.hvrly_tick_icn_prop_001{
      animation: scale-in 0.2s ease-out ;
    -webkit-animation: scale-in 0.2s ease-out ;
    -moz-animation: scale-in 0.2s ease-out ;
    -o-animation: scale-in 0.2s ease-out ;
    -ms-animation: scale-in 0.2s ease-out ;
}

.round input[type="checkbox"]:checked + label.hvrly_tick_icn_prop_001 {
 display: block;
}


.round input[type="checkbox"]:checked + label:after {
  opacity: 1;
}
.content-page-img-thumb-overlay-hover-center
{
  width: 265px;
  top: 48px;
  
text-align: center;
position: relative;
}
.content-page-img-thumb-overlay-hover-center a
{
  margin-left: 5px;
  margin-bottom: -25px;
  font-size: 1px;

}
.content-page-img-thumb-overlay-hover-center a i
{
 color: #b0b4bd;
 text-align: center;
  font-size: 30px;
  margin-left: -5px;
   transition: 0.2s;
  -webkit-transition:0.2s;
  -moz-transition:0.2s;
  -o-transition:0.2;
  -ms-transition:0.2s;

}
.content-page-img-thumb-overlay-hover-center a i:hover
{
 color: #d69813;

}
.content-page-img-thumb-overlay-hover-center p
{
    color: #d49813;
    font-weight: 600;
    font-size: 15px;
} 
.content-page-img-thumb-overlay-hover-center h4 a
{
  color: #fff;
  margin-left:unset;
  margin-bottom:unset;
  font-size: 18px;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 20px;
  max-height: 40px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  padding: 0 5px;

  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.content-page-img-thumb-overlay-hover-bottom
{
    float: right;
    top: 118px;
    right: 13px;
    position: absolute;
    margin-right: 0px;
    cursor: pointer;
    z-index: 1002;
}
.content-page-img-thumb-overlay-hover-bottom a i
{
    color: #1f222b;
    font-size: 18px;
    padding: 7px;
    background: rgba(255, 255, 255, 0.40);
    border-radius: 30px;
    

}
/*.content-page-img-thumb-overlay-hover-bottom a i:hover
{
color: #b0b4bd;
  font-size: 30px;
cursor: default;
}*/

.content-page-below-title-area
{
  padding-left: 35px;
  padding-top: 2px;
  }
p.content-page-below-title-area  a
{
  float: left;
  font-size: 10px !important;
  color: #898e99;
 
}
.project_status
{
  /*color: #d69813 !important;*/
  color: #ffae00 !important;
  padding-left:10px;
  margin-left: 10px;
  border-left: 1px solid #3a3d53; 
  max-width: 115px;
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis; 
  font-weight: 600;
}
.project_id
{
  white-space: nowrap; 
  max-width: 60px; 
  overflow: hidden;
  text-overflow: ellipsis; 
}
.project_status_props_01
{
   color: #d69813 !important;
  padding-left:10px;
  margin-left: 10px;
  border-left: 1px solid #3a3d53; 
}

  
.project_title_icon
{
  color: #898e99 !important;
  font-size: 30px !important;
  margin-top: 5px;
}
.project_title_icon_new_folder
{
  color: #898e99 !important;
  font-size: 30px !important;
  margin-top: 5px;
}
.content-page-title-area-settings
{
float: right;
width: 40px;
padding: 10px;
margin-left: 230px;
margin-top: -50px;
position: relative;
}
.project_settings_icon
{
  float: right;
   color: #898e99;
  font-size: 30px !important;
  margin-top: 0px;
  margin-right: -5px;
}
.content-page-title-area
{
  width: 240px;
  overflow: hidden;
  padding: 10px 10px 10px 10px;

}
.content-page-title-area h4
{
  font-weight: 600;
  font-size: 15px;
  color: #b9bdd1;
  margin-top:  -35px;
  margin-left: 35px;
  white-space: nowrap; 
  /* width: 124px; */
  width: 175px;
  overflow: hidden;
  text-overflow: ellipsis; 
}
.content-page-title-area-hover
{
 
  width: 230px;
  float: left;
  margin-top: 18px;
  margin-left: 5px;

}
.content-page-title-area-hover-show
{
  display: none;
}
.content-page-title-area-hover a 
{
  margin: 0px 4px 0px 6px;
 
}
.content-page-title-area-hover a i
{
  color: #898e99;
  margin-top:0px;
  position: relative;
    top: 4px;
 
}
.content-page-title-area-hover span
{
 color: #898e99;
  font-weight: 600;
  position: relative;
  top: -3px;
}


/* end content image box styles */
.frame_01 {
position: relative;
    width: 40px;
    height: 40px;
    z-index: 1000;
    border-radius: 50px;
    margin-top: 0px;
    box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.3);
    background: rgb(123, 130, 145);
    cursor: pointer;
}
.bell_01 {
    position: absolute;
    top: 10px;
    left: 11px;
    transform-origin: 50% 0;
  
}
.notify_icon_01 {
    position: absolute;
    top: 9px;
    left: 8px;
    color: #000;
}
.notify_icon_01.fa_icn {
    font-size: 24px;
    left: 12px;
    top: 8px;
}
.notify_icon_02 {
    position: absolute;
    top: 9px;
    left: 9px;
  
}
.noti_btn_add_prop_01
{
background: #ced2ec;
    color: #000;
    border-radius: 45px;
    border: none;
    padding: 4px 10px 4px 7px;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    font-size: 12px;
    font-weight: 600;
}
.noti_btn_add_prop_01_icn
{
  font-size: 16px!important;
}
.noti_btn_add_prop_01:hover
{
  background: #b7bcdb;
}
.notification_no_01
{
    text-align: center;
    position: relative;
    z-index: 1000;
    top: -5px;
    left: 27px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 1px 4px 1px 4px;
    display: inline-block;
    height: 19px;
    font-size: 10px;
    line-height: 20px;
    font-weight: 400;
    min-width: 19px;
}
.notification_no_01 span
{
    position: relative;
    top: -2px;
    vertical-align: middle;
}
.notification_no_02
{
    text-align: center;
    position: relative;
    z-index: 1000;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 1px 4px 1px 4px;
    display: inline-block;
    height: 19px;
    font-size: 10px;
    line-height: 20px;
    font-weight: 400;
    min-width: 19px;
}
.notification_no_02 span
{
    position: relative;
    top: -2px;
    vertical-align: middle;
}
.invoice_icon_no_01
{
text-align: center;
    position: absolute;
    z-index: 1000;
    top: -3px;
    left: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 1px 2px 1px 3px;
    display: inline-block;
    height: 16px;
    font-size: 10px;
    line-height: 21px;
    font-weight: 400;
    min-width: 16px;
}
.invoice_icon_no_01 span
{
  position: relative;
    top: -4px;
    left: -1px;
    vertical-align: middle;
}
.bell_animation {
  width: 2rem;
    animation: bellshake 1.0s cubic-bezier(.36,.07,.19,.97) both infinite;
    backface-visibility: hidden;
    transform-origin: top right;
    
}

@keyframes bellshake {
  0% { transform: rotate(0); }
  10% { transform: rotate(7deg); }
  20% { transform: rotate(-7deg); }
  30% { transform: rotate(5deg); }
  40% { transform: rotate(-5deg); }
  50% { transform: rotate(2deg); }
  60% { transform: rotate(-2deg); }
  68% { transform: rotate(1deg); }
  76% { transform: rotate(0); }
  100% { transform: rotate(0); }
}



.frame {
  position: absolute;
  width: 30px;
  height: 30px;
  z-index: 1000;
    margin-top: -147px;
    margin-left: 223px;
  border-radius: 50px;
  box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.3);
  background:rgba(255, 255, 255, 0.4);
cursor: pointer;
}
.bell {
  position: absolute;
  top: 7px;
  left:  7px;

  transform-origin: 50% 0;
  
}
.notification_no
{
    text-align: center;
    position: relative;
    z-index: 1000;
    top: -5px;
    left: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 0px 5px 0px 5px;
    display: inline-block;
    height: 14px;
    background-color: #d69813;
    font-size: 9px;
    line-height: 20px;
    font-weight: 400;
    color: #FFF;
}
.notification_no span
{
  position: relative;
    top: -2px;
}
.settings_icon_click_prop
{
    top: 0px;
    margin-top: unset;
    margin-left: unset;
    position: relative;
    right: 0;
    float: right;
}
.settings_icon_click_prop_2
{
    margin-top: unset;
    margin-left: unset;
    position: absolute;
    top: 38px;
    right: 9px;
    float: right;
}
.settings_icon_click_prop_2_font ul li a
{
  font-size: 14px!important;
  display: inline-block;
}

.settings_icon_click
{

      z-index: 9998;
    background: #ffffff;
    border-radius: 8px;
    padding: 0px;
    display: none;
    max-width: 300px;
    min-width: 130px;
     transition: 0.1s;
      -webkit-transition: 0.1s;
      -moz-transition: 0.1s;
      -o-transition: 0.1s;
      -ms-transition: 0.1s;
      -webkit-animation: slide_to_left_anim_small 0.2s ease-out forwards;
      -moz-animation:  slide_to_left_anim_small 0.2s ease-out forwards;
      -o-animation: slide_to_left_anim_small 0.2s ease-out forwards;
      -ms-animation: slide_to_left_anim_small 0.2s ease-out forwards;
      animation: slide_to_left_anim_small 0.2s ease-out forwards;
      animation-delay: 0.08s;
      transform: translate(0px,10px); 
      -webkit-transform: translate(0px,10px); 
      -moz-transform: translate(0px,10px); 
      -o-transform: translate(0px,10px); 
      -ms-transform: translate(0px,10px); 
      opacity: 0;

}
.settings_icon_click:after
{
z-index: 10050;
  content: '';
}
.settings_icon_click:before{
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;

    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right:8px solid white;
    right: 16px;
  -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);
    top:-8px;
}

.settings_icon_click ul 
{
  list-style: none;
  padding-top: 5px;
}
.settings_icon_click ul li a
{ font-weight: 400;
    color: #898e99;
    font-size: 14px;
    padding:  0px 5px 5px 5px;
    transition: 0.3s;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  -o-transition:0.3s;
  -ms-transition:0.3s;
}
.settings_icon_click ul li
{
    padding:  0px 15px 5px 12px;
  cursor: pointer;
}
.settings_icon_click ul li:hover a 
{ color: #d69813;  

}
.settings_icon_click ul li:hover i

{

 color: #d69813;  
}
.settings_icon_click ul li a i
{ margin-bottom: -5px;
    color: #898e99;
    font-size: 14px;
    margin-right: 10px;
    position: relative;
    top: 2px;
}

     .sp_submenu_collaborator
  {
    z-index: 10036;
    position: absolute;
    background: #ffffff;
    border-radius: 8px;
    padding:  10px 5px 20px 5px;
   text-align: center;

    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 20px 5px #303035;
  }
 
.sp_submenu_collaborator:before
  {
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right:20px solid white;
    right: 20px;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);

    top:-25px;
  }  
   .collaborator_email_input
  {
    width: 90%;
    border:1px solid #e8d1a0!important;
    background-color: transparent!important;
    padding: 5px 5px!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border-radius: 5px!important;
    color: #000;
    font-size: 16px;
    font-weight: normal;
    margin: 5px 0px 10px 0px;
  }
   .collaborator_email_input:focus
{

    border:1px solid #d69813!important;
    outline: none!important;
}
 .collaborator_email_input:active
{

     border:1px solid #d69813!important;
    outline: none!important;
}
   .collaborator_message_input
  {
    width: 90%;
   border:1px solid #e8d1a0!important;
    background-color: transparent!important;
    padding: 5px!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border-radius: 5px!important;
    color: #000;
    font-size: 16px;
    font-weight: normal;
    resize: none;
    margin: 0px 0px 10px 0px;
  }  
 .collaborator_message_input:focus
{

    border:1px solid #d69813!important;
    outline: none!important;
}
 .collaborator_message_input:active
{

     border:1px solid #d69813!important;
    outline: none!important;
}
  .collaborator_submit_button
{
  padding: 3px 18px;
  background: #ccad6a;
  color: #fff;
  border:none;
  border-radius: 5px;
  box-shadow: none!important;
  -webkit-box-shadow: none!important;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;

}
.collaborator_submit_button:hover
{ background: #d69813;
}
 .collaborator_submit_button:focus
{
background: #d69813;
    border:none!important;
    outline: none!important;
}
 .collaborator_submit_button:active
{

       border:none!important;
    outline: none!important;
}
  .head_collaborator_submenu
  {
    padding: 10px 10px 10px 10px;
  }
  /*START SUBMENU OF USER ICON CLICK*/


  .sp_submenu_all
  {
    z-index: 10035;
    position: absolute;
    background: #ffffff;
    border-radius: 8px;
    padding:  5px;
   
    box-shadow: 0px 0px 20px 5px #303035;
  }
.sp_submenu_all:before
  {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid white;
    right: 20px;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    top: -13px;
  }

.sp_submenu_all ul 
  {
    list-style: none;
    padding: 10px;
  }
.sp_submenu_all ul li
  { 
    border-radius: 5px;
        transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;

  }

.sp_submenu_all ul li a
  {
    font-weight: 400;
    color: #898e99;
    font-size: 16px;
    padding:  5px 15px 5px 10px;
    display: inline-block;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 2px;
      transition:  0.25s;
  -webkit-transition: 0.25s;
  -moz-transition:  0.25s;
  -o-transition:  0.25s;
  -ms-transition:  0.25s;

  }
.sp_submenu_all ul li a:hover 
  { 
    background-color: #d0d2e4;
    color: #272b38;
    padding:  5px 15px 5px 15px;
    letter-spacing: 0.03em;
  }
  .li_hover_submenu .active
  {
    background-color: #d0d2e4!important;
    color: #272b38!important;
    padding:  5px 15px 5px 15px!important;
    letter-spacing: 0.03em!important;
  }

  /*START SUBMENU OF USER ICON CLICK*/
  .overlay_bg
  {
    display: none;
   width: 100%;
    height: 100%;
    background-color: rgba(37,41,54,0.93);
    position: fixed;
    z-index: 10045;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
  }
 .user_icon_click_right_bar
  {
    width: 300px;
    height: 100%;
    position: fixed;
    right:  0;
    top: 0;
    bottom: 0;
    padding: 0px 0px 30px 0px;
    background-color: #1f222b;
    z-index: 10046;
    box-shadow: -1px 0px 7px 0px rgba(0, 0, 0, 0.33);
    display: none;
    transition:  left .22s linear;
  -webkit-transition:  left .22s linear;
  -moz-transition:  left .22s linear;
  -o-transition: left .22s linear;
  -ms-transition: left .22s linear;
  }
  .log_out_main
  {
    margin-top: 7px!important;
    position: fixed;
    bottom: 0;
    max-width: 300px;
    width: 100%;
    /* height: 53px; */
    height: 93px;
    padding: 5px 0px 0 0;
}
  .log_out_main_a
  {
    width: calc(100% - 20px);
    padding: 7px 12px;
    background: #262b38;
    border-radius: 25px;
    display: inline-block;
    text-align: center;
    color: #b1b4ce;
    margin-bottom: 10px;
    margin-left: 10px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
  }
  .log_out_main_a:hover
  {
    background: #323848;
    color: #b1b4ce;
  }
.user_icon_click_right_bar_content
  {
    z-index: 10007;
    padding: 0px;
    height:calc(100% - 493px);
    overflow-y: auto;
    overflow-x: hidden;
    top: 240px;
    position: relative;
    background: #262b38;
  }
    .user_icon_click_right_bar_content_ul 
  {
    list-style: none;
    padding: 10px 5px;
     background-color: #262b38;
  }
.user_icon_click_right_bar_content_li
  { 
   
 border-left: 2px solid #262b38;
      transition:0.1s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition:0.3s;
  -ms-transition:0.3s;
      margin: 2px 0px;
    padding: 3px 0px;


  }
.user_icon_click_right_bar_content_li:hover
  { 
    cursor: pointer;
       background: #292e3c;
       border-left:  2px solid #d69813;
    
  }
.user_icon_click_right_bar_content ul li a
  {
    color: #7a84a0;
  }
 .user_icon_click_right_bar_content_a
  {
    font-weight: 400;
    font-size: 18px;
    padding: 7px 5px 7px 25px;
    display: inline-block;
    width: 100%;
    transition: 0.25s;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    -ms-transition: 0.25s;
  } 
  .user_icon_click_right_bar_content_i
  {
    vertical-align: bottom;
    padding: 0px 15px 0px 0px;
  } 
.user_icon_click_right_bar_content_li:hover .user_icon_click_right_bar_content_a 
  {
    color: #e5e8fa;
    
  }
  .user_icon_click_right_bar_content_other
  {
    text-align: center;
    /*background: url(../images/profile_bg.png);*/
    background: transparent;
    background-position: 50% 50%;
    background-size: cover;
    height: 130px;
  }
  .user_icon_click_right_bar_content_other_bg
  {
    width: 100%;
    height: inherit;
    background: rgba(214, 152, 19, 0.81);
    position: absolute;
  }
  .user_icon_click_right_bar_content_other_outer
{
    top: 90px;
    position: relative;
    z-index: 1;
}

    .user_icon_click_right_bar_content_other_inner 
  {
    display: inline-block;
    background: #404758;
    border-radius: 53px;
    width: 80px;
    height: 80px;
    position: relative;
  }
  /*.user_icon_click_right_bar_content_other_inner:hover .user_icon_click_right_bar_content_other_inner_user_img_hover
  {
       opacity: 1;
    visibility: visible;
  }*/
  .user_icon_click_right_bar_content_other_inner_user_img_hover
  {
    display: none;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 100%;
    top: 0;
    border-radius: 50%;
    height: inherit;
    background: rgba(232, 238, 255, 0.6);
       transition: 0.25s;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    -ms-transition: 0.25s;
    cursor: pointer;
  }
  .user_icon_click_right_bar_content_other_inner_user_img_hover_icon
  {
        color: rgb(94, 102, 125);
    position: absolute;
    top: 28px;
    left: 28px;
  }
  .user_icon_img
  {
        border-radius: 50%;
    width: 100%;
  }
  .user_icon_click_right_bar_content_other_inner_section_01
  {
    background:transparent;
    padding: 10px 5px;
    margin-top: 5px;
    color: #b1b4ce;
  }
  .user_icon_outer_style_box_outer
  {
    width: 100%;
    overflow: hidden;
    height: inherit;
    position: absolute;
    top: 97px;
  }
  .user_icon_outer_style_box_common
  {
  position: absolute;
    -ms-transform: rotate(-8deg);
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
    width: 50%;
    background: #1f222b;
    height: 80px;
    display: none;
  }
  .user_icon_outer_style_box_01
  {
    
    margin-top: 31px;
    margin-left: -1px;
  }
.user_icon_outer_style_box_02
{
    right: -12px;
    margin-top: 51px;
}
.user_name_prop_01
{
  display: inline-block;
  text-align: center;
  padding: 10px 15px;
  font-size: 20px;
}
.user_name_prop_02
{
  display: inline-block;
  text-align: center;
  padding: 10px 15px;
  font-size: 20px;
}
.user_icon_click_right_bar_content_other_inner_section_01_h4
{
  margin: 2px 0px;
}
.right_bar_content_icon_links
{
  padding: 8px;
  margin: 0px 3px;
  background: #262b38;
  color: #9099b5;
  border-radius: 30px;
  cursor: pointer;
   transition: 0.25s;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    -ms-transition: 0.25s;
}
.right_bar_content_icon_links:hover
{
  background: #2c3242;
      color: #e5e8fa;
}
  .user_icon_click
  {
   
    top: 85px;
    right: 20px;
    margin-right: 15px;
    min-width:200px; 
     display: none;  
  }
  .add_click
  {
    display: none;

  }
.add_click_back_css
{
  color: #001138  !important;
  top: -5px;
  margin-left: -10px;
  position: relative;
}
.add_click_back:hover a
{

 letter-spacing: 0px!important;
  padding:  5px 15px 5px 10px!important;
  text-decoration: underline;
}
.add_click_back:hover
{
 background: unset!important;
}

  .collaborator_icon_click
  {
   
    top: 85px;
    right: 110px;
    margin-right: 15px;
    min-width:270px;
    max-width: 270px; 
     display: none; 
  }
  /*START SUBMENU OF SORT ICON CLICK*/
.sort_icon_click
  {
    right: 0;
    min-width: 200px;
    display: none;
  }
.sort_icon .active
{
      color: #e5e8fa;
    border-radius: 25px;
    background: #d69813;
    padding: 5px;
    font-size: 32px!important;
}
  /*END OFSUBMENU OF SORT ICON CLICK*/

 /*START SUBMENU OF FILTER ICON CLICK*/
.filter_icon_click
  {
    top: 160px;
    right: 144px;
    margin-right: 15px;
    min-width:200px; 
    display: none;
  }

  /*END OFSUBMENU OF FILTER ICON CLICK*/

/*ADD NEW PROJECT POPUP STYLE*/

.add_new_project_overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 10050;
    top: 0;
    left: 0;
    background-color: rgba(31,34 ,43, 0.99);
    overflow: hidden;
       transition: 0.25s;
  -webkit-transition: 0.25s;
  -moz-transition:  0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;

}

.add_new_project_overlay-content {
    position: relative;
    top: 20%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
     display: flex;
    justify-content: center;
    align-items: center;
}

.add_new_project_overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
       transition:  0.3s;
  -webkit-transition:  0.3s;
  -moz-transition:  0.3s;
  -o-transition:  0.3s;
  -ms-transition:  0.3s;
}

.add_new_project_overlay a:hover, .add_new_project_overlay a:focus {
    color: #f1f1f1;
}

.add_new_project_overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

@media screen and (max-height: 450px) {
  .add_new_project_overlay {overflow-y: auto;}
  .add_new_project_overlay a {font-size: 20px}
  .add_new_project_overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }

}




.grid_fullwidth01
{
  display: grid;
  width: 100%;
  height: 100%;
}

.grid_fullwidth01_inner_center
{
 place-self: center;
}
.grid_fullwidth01_inner_center.browser_cap_cnt_outer
{
  width: 100%;
  max-width: 625px;
  background: #ffffff;
  border-radius: 20px 20px 15px 15px;
}
.browser_cap_cnt_outer h3
{  
    padding: 20px;
    text-align: center;
    background: #ffdac0;
    border-radius: 17px 17px 0 0;
    font-size: 27px;
    color: #bf6423;
}
.browser_cap_cnt_outer h3 i
{  
  padding: 0 10px;
    color: #bf6423;
}
.add_new_project_overlay_browser {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 10050;
  top: 0;
  left: 0;
  background-color: rgba(31,34 ,43, 0.99);
  overflow: hidden;
  transition: 0.25s;
  -webkit-transition: 0.25s;
  -moz-transition:  0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
}
.add_new_project_overlay_browser .closebtn
{
  position: absolute;
    right: 20px;
    font-size: 40px;
    padding: 10px;
    color: #fff;
}
.add_new_project_overlay_browser .closebtn:hover
{
  opacity: 0.7;
}
.browser_cap_cnt
{
  padding: 20px;
    text-align: center;
    width: 100%;
}
p.browser_cap_cnt_pera{
  font-size: 16px;
      padding: 15px 0;
}
p.browser_cap_cnt_pera span{
  color: #d66514;
    font-weight: 600;
}
a.browser_cap_cnt_link{
  color: #1a73e8;
  font-size: 30px;
    transition: 0.25s;
  -webkit-transition: 0.25s;
  -moz-transition:  0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
}
a.browser_cap_cnt_link:hover{
  color: #1a73e8;
  opacity: 0.7;
}
a.browser_cap_cnt_link:focus, a.browser_cap_cnt_link:active{
  color: #1a73e8;
}
.browser_cap_cnt_btn_outer{
  padding: 5px 0 15px 0;
}
a.browser_cap_cnt_btn
{
   display: inline-block;
    padding: 4px 15px 5px 15px;
    border-radius: 8px;
    border: 2px solid #ffdac0;
    color: #bf6422;
    font-size: 18px;
    margin: 5px 5px;
     transition: 0.25s;
  -webkit-transition: 0.25s;
  -moz-transition:  0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
}
a.browser_cap_cnt_btn span
{
padding: 0 1px;
    font-size: 14px;
    position: relative;
    top: 2px;
}
a.browser_cap_cnt_btn:hover
{
  border: 2px solid #ffdac0;
  background: #fff0e6;
}


/*END OF ADD NEW PROJECT ICON ANIMATION*/
.new_project_creation_step1
{
    border-radius: 20px 20px 0px 20px;   
    width: 350px;
    height: 350px;
    justify-content: center;

    background: #e5e8fa;
  box-shadow:0px 0px 40px 1px #000000b8;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition:    all 0.1s ease-in-out;
  -ms-transition:     all 0.1s ease-in-out;
  -o-transition:      all 0.1s ease-in-out;
  transition:         all 0.1s ease-in-out;

}
.new_project_creation_step1 h4
{
  font-size: 30px;
  padding: 20px;
  text-align: center;
  color:#fff;
  width: 100%;
  border-radius: 0px 20px 0px 0px;
  background: #d69813;
  height: 70px;
  border-bottom: none;

}
.new_project_creation_step1_form
{
  width: 100%;

}
/* project type form */
.sp_project_name_tag
{
   position: relative;
  display: block;
  margin: 20px auto;
  width: 100%;
  max-width: 315px;
  color: #d69813;
  vertical-align: middle;
  text-align: left;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  border: 1px solid #d69813;
  border-radius: 8px;
  transition: 0.5s;
  -webkit-transition:  0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition:0.5s;

}
.sp_project_name_tag_input
{
  width: 100%;
  position: relative;
  display: block;
  background-color: unset;
  z-index: 1;
  padding: 1em;
  border-radius: 10px;
   transition: 0.5s;
  -webkit-transition:  0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition:0.5s;
  border: none;
}
input[type=text]:focus
{

    border: none;
    outline: none!important;
}
input[type=text]:active
{

     border: none;
    outline: none!important;
}

.sp_select_tag
{

}
.sp_project_type
{
  width: 100%;
  background: #d69813;
  color: #fff;
}



.switch-field {

  overflow: hidden;
  margin: 20px 17.5px;
}

.switch-title {
  margin-bottom: 0.5em;
  text-align: left;
}

.switch-field input {
  display: none;
}

.switch-field label {
  float: left;
}

.switch-field label {
  
  display: inline-block;
  background-color: #e5e8fa;
  color: #333;width: 50%;
  font-weight: normal;
  text-align: left;
  text-shadow: none;
  padding:1em 1em 1em 1.5em;
  border: 1px solid #d69813;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition:    all 0.1s ease-in-out;
  -ms-transition:     all 0.1s ease-in-out;
  -o-transition:      all 0.1s ease-in-out;
  transition:         all 0.1s ease-in-out;
}

.switch-field label:hover {
  cursor: pointer;
}

.switch-field input:checked + label {
  background-color: #d69813;
  color: white;
}


.switch-field label:first-of-type {
  border-radius: 8px 0 0 8px;
}

.switch-field label:last-of-type {
  border-radius: 0 8px 8px 0;
}
.select_tick_mark
{ 

  margin-top: 0px;
  vertical-align: text-bottom;
  padding: 0px 10px;
  color: #e5e8fa;
  font-size: 20px!important;
}


.sp_project_submit_tag
{  display: flex;
  width: 100%;
   position: relative;
  display: block;
  margin: 20px auto;
  color: #d69813;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  border:none;
  outline: none!important;
    transition: 0.5s;
  -webkit-transition:  0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition:0.5s;
}
.sp_project_submit_tag_submit
{

  position: relative;
  border-radius: 10px;
  background-color: #e5e8fa;
  color: #d69813;
  z-index: 1;
  padding: 0.7em 3em;
  border-radius: 8px;
  transition: 0.5s;
  -webkit-transition:  0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition:0.5s;
  border: 1px solid #d69813;
  outline-style: none;
}
.sp_project_submit_tag_submit:hover
{
  transition-timing-function: ease-in-out;
  transition: 0.4s;
  -webkit-transition:  0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition:0.4s;
   border: 1px solid #d69813;
 background-color: #d69813;
 color: #fff;
  }



.sp_popup_main {
  display: flex;
  justify-content: center;
  align-items: center;
  animation: invisible 0.3s ease-out forwards;
  animation-delay: 5s;
    z-index: 11050;

}
.sp_popup_main_inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: fixed;
  width: 70px;
  height: 70px;
  bottom: 20px;
   z-index: 11050;
  background: #380848;
  background: linear-gradient(135deg, rgba(224,171,13,1) 0%, rgba(189,89,17,1) 100%);
  transform: scale(0);
  border-radius: 50%;
  color: white;
  opacity: 0;
  overflow: hidden;
  animation: scale-in 0.2s ease-out forwards, expand 0.35s 0.25s ease-out forwards ;
}
.notification_info_icon
{
  color: #000;
  padding: 4px 10px 4px 0px;
}
.notification-text {
  display: flex;
  align-items: center;
  padding: 5px 16px;
  font-size: 14px;
  animation: fade-in 0.65s ease-in forwards;
}

@keyframes scale-in {
  0%{
    transform: scale(0); 
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    opacity: 0;
  }
  100%{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
  }
}

@-o-keyframes scale-in {
  0%{
    transform: scale(0);
    -o-transform: scale(0);
    opacity: 0;
  }
  100%{
    transform: scale(1); 
    -o-transform: scale(1);
    opacity: 1;
  }
}
@-moz-keyframes scale-in {
  0%{
    transform: scale(0);
    -moz-transform: scale(0);
    opacity: 0;
  }
  100%{
    transform: scale(1); 
    -moz-transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes scale-in {
 0%{
    transform: scale(0); 
    -webkit-transform: scale(0);
    opacity: 0;
  }
  100%{
    transform: scale(1); 
    -webkit-transform: scale(1);
    opacity: 1;
  }
}

@keyframes expand {
  50%{width: 350px; border-radius: 6px;}
  100% {width: 300px; border-radius: 8px; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 3px 3px -1px rgba(0, 0, 0, .12);}
}
@-moz-keyframes expand {
  50%{width: 350px; border-radius: 6px;}
  100% {width: 300px; border-radius: 8px; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 3px 3px -1px rgba(0, 0, 0, .12);}
}
@-webkit-keyframes expand {
  50%{width: 350px; border-radius: 6px;}
  100% {width: 300px; border-radius: 8px; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 3px 3px -1px rgba(0, 0, 0, .12);}
}

@keyframes fade-in {
  0%{opacity: 0;}
  100%{opacity: 0.8;}
}
@-moz-keyframes fade-in {
  0%{opacity: 0;}
  100%{opacity: 0.8;}
}
@-webkit-keyframes fade-in {
  0%{opacity: 0;}
  100%{opacity: 0.8;}
}

@keyframes invisible {
  0%{opacity: 1; top:50px;}
  100%{opacity: 0; display: none;}
}
@-webkit-keyframes invisible {
  0%{opacity: 1;top:50px;}
  100%{opacity: 0;display: none;}
}  
@-moz-keyframes invisible {
  0%{opacity: 1; top:50px;}
  100%{opacity: 0; display: none;}
}
/*LIST VIEW CSS*/

.list_view_start
{
  width: 100%;
  margin: 0px 0px 40px 0px;
  padding: 20px 30px 50px 40px;
}
.list_view_head
{
  color: #8a8ea5;
  text-align: center;
  cursor: default;
  padding-bottom: 5px;
}
.list_view_head_1
{
  color: #8a8ea5;
  text-align: left;
  cursor: default;
}
.list_view_head_name
{
  text-align: left;
  padding-left: 10px;
  max-width: 360px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.remove_pad_list_view
{
  padding: 0px !important;
}
.project_search_content_list_heading
{
  color: #fff;
  padding: 20px 10px 0px 10px;
  display: none;
}
#project_search_content_list
{
  position: relative;
  margin-top: 20px;
  overflow-y: auto!important;
  height: 420px;
}
.search_listing_left_icon
{
  font-size: 35px!important;
  margin-top: -10px;
  color: #e4a7199e;
}
.list_view_body_for_search
{  
  color: #d9dae1;
  text-align: center;
  padding: 0px;
  position: relative;
  margin-top: 5px;
}

.list_view_body
{
  color: #d9dae1;
  text-align: center;
  padding-top: 0px;
}

.list_view_body_1
{
  color: #d9dae1;
  text-align: left;
  padding-top: 0px;
}
.list_view_content 
{
  min-height: 81px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 0;
  padding-right: 0;
  background: #1f232e;
  border-radius: 10px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition:0.3s;
  -o-transition: 0.3s;
  -ms-transition:0.3s;
  border:2px solid #1b1c22;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text; 
}
.list_view_content.lst_box_nw_prop
{
  min-height: 66px;
}
.list_view_content.discount_sec01
{
  background: #5b4923;
}
.selected  .list_view_content_bg
{
  border: 2px solid #d69813!important;
  background: #1b1c22;
}
.popup_btn_st01
{
  background: #e5e8fa;
  border: 1px solid #ced2ec;
  color: #5f627b;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition:0.3s;
  -o-transition: 0.3s;
  -ms-transition:0.3s;
}
.popup_btn_st01:hover
{
 color: #3c3e52;
}
.popup_btn_st01 .popup_btn_st01_tick{ 
  vertical-align: sub;
  font-size: 19px;
  margin-right: 5px;
  background: unset;
  color: #d49814;
    border-radius: 20px;
    padding: 1px;
    border: 1px solid #d49814;
   }
.popup_btn_st01_outer input[type="checkbox"]:checked + .popup_btn_st01 {
  display: block;
  color: #3c3e52;
}
.popup_btn_st01_outer input[type="checkbox"]:checked + .popup_btn_st01 .popup_btn_st01_tick {
  background: #d49814;
    color: #fff;
}
.invoice_list_scroll_adj01
{
  width: 100%;
}

 .invoice_popup_rt_icons_outer
  {
    float: right;
  }
  .invoice_popup_rt_icons_outer .resp_sec2
  {
    margin-right: 5px;
  }
.list_view_content.inner_listview_c
{
    padding-top: 10px;
    padding-bottom: 11px;
    min-height: 60px;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    color: #b1b4ce;
}

.list_view_content.inner_listview_c .cl_pd
{
  padding: 0px 10px;
}
.list_view_head .cl_pd
{
  padding: 0px 10px;
}

.list_view_content.inner_listview_c h4 a.fnt_style01
{   
    display: flex;
    align-items: center;
    font-size: 19px !important;
    color: #b1b4ce;
    transition:0.3s ease;
    -webkit-transition:0.3s ease;
    -moz-transition:0.3s ease;
    -o-transition:0.3s ease;
    -ms-transition:0.3s ease;
}
.list_view_content.inner_listview_c h4 a.fnt_style01 .lst_f_name_outer
{ 
  overflow: hidden;
  text-overflow: ellipsis;
}
.list_view_content.inner_listview_c h4 a.fnt_style01 .lst_f_name
{  
    font-size: 19px !important;
    margin-bottom: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 22px;
}
.list_view_content.inner_listview_c h4 a.fnt_style01 .lst_f_name.invoice_add
{  
    margin-bottom: 0px;
}
.list_view_content.inner_listview_c h4 a.fnt_style01 .lst_f_details
{ 
  display: none;
   font-size: 12px;
    color: #999cb1;
}
.list_view_content.inner_listview_c h4 a.fnt_style01 .lst_f_details .lft
{
   margin-right: 4px; padding: 2px 0;
}
.list_view_content.inner_listview_c h4 a.fnt_style01 .lst_f_details .rht
{
   margin-left: 4px; padding: 2px 0;
}
.list_view_content.inner_listview_c h4 a.fnt_style01:hover
{
  color:#d59811;
}
.treeview_li_upload_pending .list_view_content.inner_listview_c h4 a.fnt_style01
{
    color: rgb(255 122 122);
}
.treeview_li_upload_pending .list_view_content.inner_listview_c h4 a.fnt_style01:hover
{
    color: rgb(255 198 198);
}
.treeview_li_upload_queued .list_view_content.inner_listview_c h4 a.fnt_style01
{
    color: rgb(128 128 255);
}
.treeview_li_upload_queued .list_view_content.inner_listview_c h4 a.fnt_style01:hover
{
    color: rgb(166 166 240);
}
.treeview_li_upload_completed .list_view_content.inner_listview_c h4 a.fnt_style01
{
    color: rgb(131 255 131);
}
.treeview_li_upload_completed .list_view_content.inner_listview_c h4 a.fnt_style01:hover
{
    color: rgb(185 255 185);
}

.list_view_content.inner_listview_c h4
{
  font-size: 17px !important;
}
.list_view_content.inner_listview_c h4 a.fnt_style01 i
{
    font-size: 25px;
    position: relative;
    padding-right: 10px;
    width: 35px;
}
.list_view_content.inner_listview_c h4 a i
{
    vertical-align: middle;
}
.list_view_content.inner_listview_c h4 a.icn
{
    margin: 5px;
    padding: 4px;
    color: #b1b4ce;
    border-radius: 4px;
    transition:0.3s ease-out;
    -webkit-transition:0.3s ease-out;
    -moz-transition:0.3s ease-out;
    -o-transition:0.3s ease-out;
    -ms-transition:0.3s ease-out;
    position: relative;
}
.list_view_content.inner_listview_c h4 a.icn:hover
{
    background: #373e54;
    color: #edeffb;
}
.list_view_content.inner_listview_c .round_list_view {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    right: -5px;
    top: 0;
}
.more_optionlist_clickicn
{
  display: none;
  margin-right: 35px;
}
.more_optionlist
{
      margin-right: 35px;
}
.more_optionlist_link
{
  display: none;
}
.tooltip_remove_01
{
  position: absolute;
    width: 100%;
    height: 100%;
    display: inline-block;
}

/*****************************************************************************************/
/*********************** START LIST VIEW HOVER SECTION TYPE_01 ***************************/
/*****************************************************************************************/
  .list_view_content_hover_type_01
  {
    position: relative;
    overflow: hidden;
  }
  .list_view_content_hover_type_01:hover  .additional_space_for_hover_icons_inner
  {
    opacity: 1;
    display: block;
  }
  .additional_space_for_hover_icons_inner
  {
    display: none; 
    position: absolute;
    top:0;
    opacity: 0;
    width: 0px;
    height: 100%;
    background:rgba(49, 54, 73, 0.97);
    float: right;
    -ms-transform: skew(-40deg); /* IE 9 */
    -webkit-transform: skew(-40deg); /* Safari */
    transform: skew(-40deg); /* Standard syntax */
    right: -40px;
    animation: width_change_01 0.25s ease-out forwards;
    -webkit-animation:  width_change_01 0.25s ease-out forwards;
    -moz-animation:  width_change_01 0.25s ease-out forwards;
    -ms-animation: width_change_01 0.25s ease-out forwards;
    -o-animation: width_change_01 0.25s ease-out forwards;
  }
  @keyframes width_change_01 {
    100%{
      width: 150px; 
    }
  }
  @-moz-keyframes width_change_01 {
    100%{
      width: 150px; 
   }
  }
  @-o-keyframes width_change_01 {
    100%{
      width: 150px; 
   }
  }
  @-webkit-keyframes width_change_01 {
    100%{  
      width: 150px; 
    }
  }
  .additional_space_for_hover_icons
  {
    height: 30px;
    width: 100%;
    margin-top: 23px;
    text-align: center;
    -ms-transform: skew(40deg); /* IE 9 */
    -webkit-transform: skew(40deg); /* Safari */
    transform: skew(40deg); /* Standard syntax */
  }
  .additional_space_for_hover_icons_prop
  {
    padding: 7px;
    margin: 0px 10px;
    border-radius: 24px;
    background: #3c4258;
    font-size: 17px!important;
    cursor: pointer;
    transition:0.3s ease-out;
    -webkit-transition:0.3s ease-out;
    -moz-transition:0.3s ease-out;
    -o-transition:0.3s ease-out;
    -ms-transition:0.3s ease-out;
  }

  .additional_space_for_hover_icons_prop:hover
  {
   background: #495069;
  }
/*****************************************************************************************/
/*********************** START LIST VIEW HOVER SECTION TYPE_01 ***************************/
/*****************************************************************************************/
.list_view_content h4
{
  font-size: 15px !important;
}
.list_view_content h4 a
{
  font-size: 16px !important;
  color: #e5e8f9;
}
.round_list_view {
  height: 25px;
  width: 35px;
}

.round_list_view label {
  border: 2px solid #454a56;
  border-radius: 50%;
  cursor: pointer;
  height: 25px;
  width: 25px;
  position: absolute;
  top: -1px;
  right: 20px;
  float: right;
 }
.round_list_view label:before {
  border:2px solid #454a56;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 4px;
  opacity: 1;
  position: absolute;
  top: 6px;
  transform: rotate(-45deg);
  width: 12px;

}
.round_list_view label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 4px;
  opacity: 0;
  position: absolute;
  top: 6px;
  transform: rotate(-45deg);
  width: 12px;
}

.round_list_view input[type="checkbox"] {
  float: right;
  cursor: pointer;
  width: 24px;
  height: 24px;
  top: -1px;
  right: 20px;
  z-index: 5;
  opacity: 0;
  position: absolute;
}

.round_list_view input[type="checkbox"]:checked + label {
  background-color: #d69813;
  border-color: #d69813;
}

.round_list_view input[type="checkbox"]:checked + label:after {
  opacity: 1;
}

@-webkit-keyframes fadeInnn {
    from { margin-right: 5px; opacity: 0;}
      to {  margin-right:0px; opacity: 1; }
}  
@keyframes fadeInnn {
    from { margin-right:5px; opacity: 0; }
      to { margin-right:0px;  opacity: 1;}
}
@-moz-keyframes fadeInnn {
   from { margin-right:5px; opacity: 0; }
    to { margin-right:0px;  opacity: 1;}
}




.list_view_content_hover_show
{
  display: none;
  
}

.list_view_content_hover_hide
{
   display: block;
     
}
.content-page-title-area-hover-list-view
{
 float: right;
 margin-top: 2px;
cursor: default;
}
.content-page-title-area-hover-show
{
  display: none;
}
.content-page-title-area-hover-list-view a 
{
  margin: 0px 4px 0px 4px;
  cursor:pointer;
  z-index: 1000;
 
}
.content-page-title-area-hover-list-view a i
{
  color: #898e99;
  margin-top:0px;
 
}
.content-page-title-area-hover-list-view span
{
    margin: 0px 70px 0px 0px;
  color: #898e99;
  font-weight: 600;
  position: relative;
 top: -7px;
 cursor: default;
}
.space_icons_list
{
  margin-right:  70px!important;

}
.content-page-title-area-settings-list-view
{
  display: none;
float: right;
width: 40px;
padding: 0px 10px;
position: relative;
}
.content-page-title-area-settings-list-view-set
{
  display: inline-block;
float: right;
width: 40px;
padding: 0px 10px;
}
.position_adj_list_view_content_hover
{
  margin-top: -3px;
}
.settings_icon_click_prop_list_view
{
  top: 38px;
  right: 15px;
  float: right;
  width: 130px;
  position: absolute;
}
.settings_icon_click_prop_list_view ul  li a
{
  float: left;
}
.sp_footer
{ 
  margin-bottom: 0px!important;
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  background-color:#1f222b ;
  padding: 10px 20px;
  overflow: hidden;
  border-top: 1px solid #1b1c22;
}
.over_bottom{
    background-color: #1b1c22;
    z-index: 2;
    margin-bottom: 80px;
    margin-top: -2px;
    height: auto;
    min-height: 100%;
    position: relative;
}
.sp_footer_content_copyright
{  
width: 100%;

}
.sp_footer_content_terms
{  
}
.sp_footer_content_terms p
{  
text-align: center;
cursor: default;
}
.sp_footer_content_terms  a
{  
color: #6e7186;
transition:0.3s ease-in;
-webkit-transition:0.3s ease-in;
-moz-transition:0.3s ease-in;
-o-transition:0.3s ease-in;
-ms-transition:0.3s ease-in;
}
.sp_footer_content_terms  a:hover
{  
  color: #949ab4;
}
.sp_footer_content_copyright p
{
  cursor: default;
  text-align: center;
  color: rgba(133, 137, 160, 0.82);
}
.divider_bottom
{
  color: #565864d1!important;
  margin: 0px 10px;
}


.left_arrow_icon_project_search_box
{
  animation: ltr_fading 1.5s ;
  -moz-animation: ltr_fading 1.5s ;
  -webkit-animation: ltr_fading 1.5s;
  animation-delay: 0;
  animation-iteration-count: infinite;
  animation-direction: forward;
}


  @keyframes ltr_fading {
    0% {  margin-left: -10px; opacity: 0;}
    50% {  margin-left: 0px; opacity: 0.5;}
    100% {   margin-left: -10px; opacity: 0;}
  }
  @-moz-keyframes ltr_fading {
    0% {  margin-left: -10px; opacity: 0;}
    50% {  margin-left: 0px; opacity: 0.5;}
    100% {   margin-left: -10px; opacity: 0;}
  }
  @-webkit-keyframes ltr_fading {
    0% {  margin-left: -10px; opacity: 0;}
    50% {  margin-left: 0px; opacity: 0.5;}
    100% {   margin-left: -10px; opacity: 0;} 
  }
 
/*PROJECT_SEARCHING_BOX*/


.search_input_project_box {
    width: 93%;
    border: none;
    border-color: transparent!important;
    background-color: transparent!important;
    padding: 0!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border-radius: 0!important;
    color: #b2b5c7;
    font-size: 15px;
    font-weight: 300;
}
.search_input_project_box::placeholder {
    color: #7e839c;
    opacity: 1; /* Firefox */
}

.search_input_project_box:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #7e839c;
}

.search_input_project_box::-ms-input-placeholder { /* Microsoft Edge */
   color: #7e839c;
}
  .search_input_icon_project_box
{
  float: right;
  width: 7%;
  text-align: right;
  color: #414561;
  font-size: 18px!important;
  padding:  3px 10px 0px 0px;
}

.list_view_content_project_box
{
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 0;
  padding-right: 0;
  border-bottom: 2px solid #1b1c22;
  border-radius: 7px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition:0.3s;
  -o-transition: 0.3s;
  -ms-transition:0.3s;
}
.list_view_content_project_box h4
{
  font-size: 18px !important;
  color: #979aab;
}
.list_view_content_project_box h4 a
{
  font-size: 12px ;
  color: #979aab;
}
.project_name_project_box
{
  font-size: 16px!important;
}
.spacing_project_box
{
  margin-left: 10px;

}
.left_pad_5px
{
  padding-left: 5px;
}
.search_listing_left_icon_project_box
{
  font-size: 33px!important;
  margin-top: 5px;
  
  color: #51566d;
}
.searchbox_main_content_project_box {
    border-bottom: 1px solid rgba(62, 68, 82, 1);
    padding-bottom: 3px;
    margin: 25px 33px;
}
.li_search_bar_content_projects
{
  list-style: none;
}
.list_view_body_for_search_project_box {
    color: #d9dae1;
    text-align: center;
    padding: 0px;
    position: relative;
    margin-top: 2px;
}
#project_search_content_list_project_box
{
      position: relative;
    margin-top: 20px;
    overflow-y: auto!important;
    height: 67vh;
}
/*SREARCH BOX CSS*/
.close_btn_search
{
  font-size: 40px!important;
  color: #54586a;
  margin:  40px;
  z-index: 10007;
  position: absolute;
  cursor: pointer;
  float: right;
  right: 0;
  transition:.3s;
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -o-transition:.3s;
  -ms-transition:.3s;
}
.close_btn_search:hover
{
  color: #fff;

}
.searchbox_main_content i
{
  float: right;
}
.searchbox_overlay_bg
  { display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(37,41,54,0.98);
    position: fixed;
    z-index: 10035;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    cursor: default;

  }

.searchbox_main
{ position: fixed;
  align-items: center;
  justify-content: center;
  width: 100%;
 
}
.searchbox_main_pad
{ padding: 120px 180px 40px 180px;

}
.searchbox_main_content
{
      border-bottom: 1px solid rgba(62, 68, 82, 1);
    padding-bottom: 0.5em;
}
.search_input
{
  width: 95%;
  border:none;
  border-color: transparent!important;
  background-color: transparent!important;
  padding: 0!important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  border-radius: 0!important;
  color: #fff;
  font-size: 35px;
  font-weight: 100;
  }
  .search_input_icon
{
  float: right;
  width: 5%;
  text-align: right;
  color: #54586a;
  font-size: 40px!important;
  padding:  5px 10px 0px 0px;
  }
.blank_content
{
  padding-top: 10%;
  padding-bottom: 10%;
/*  border: 1px dotted #54586a;*/
  display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: -webkit-autofill;
    margin: 20px 30px 30px 30px;
   
}
.black_item_content
{text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;

  /* display: table-cell; 
  vertical-align: middle; 
  text-align: center; 
  padding-bottom: 100px;*/
  
  color: #aeb3d2;
  font-size: 18px;
} 

.blank_items p
{
  font-size: 18px;
  padding-bottom:  7px;
}
.blank_items i
{
  font-size: 60px;
  color:  #7e85b1;
  padding-bottom: 15px;
}
.blank_items_light
{
color: #5c5f74;
}
.add_new_click
{
  color: #aeb3d2;
}
.add_new_click:hover
{
  color: #cfd2e6;
}

/*confirm box*/
.confirm_overlay_bg_14
  { 
    width: 100%;
    height: 100%;
  background:rgba(31, 34, 43, 0.77);
/*  background: url('../images/test.jpg') repeat-y;*/
    position: fixed;
    z-index: 10036;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    visibility: hidden;
    cursor: default;
    transition: all 0.3s;

  }

.confirm_overlay_bg_14::after
{
content: ' ';
background: inherit;
 position: absolute; 
  height: 100%;
  width: 150%;
   z-index: 10005;overflow: hidden;
   opacity: 1;
  filter:blur(4px);
    -o-filter:blur(4px);
    -ms-filter:blur(4px);
    -moz-filter:blur(4px);
    -webkit-filter:blur(4px);
   
}

.delete_modal_content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70%;
  z-index: 10006;
  max-width: 500px;
  height: 28vh;
  background-color: #d6d8e8;
  border-radius: 10px;
  cursor: default;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.2s 0.2s;
 
    display: table;
   

}
.delete_modal_content p
{
display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
  color: #000;
  padding: 5px 10px;
  margin-top: -20px;
}
.delete_modal_content span
{
position: absolute;
bottom: 20px;
right: 20px;
}
.delete_option_for
{
color: #000;
background-color: #aeb2cf;
border-radius: 5px;
padding: 5px 10px;
 transition:.01s ;
 border:none;
  -webkit-transition:.5s;
  -moz-transition:.5s;
  -o-transition:.5s;
  -ms-transition:.5s;
}
.delete_option_for:hover
{

background-color: #9ca0bd;

}
.delete_option_for:focus , .cancel_option_for:focus
{
  outline: none!important;
}
.cancel_option_for
{
color: #000;
background-color: #aeb2cf;
border-radius: 5px;
padding: 5px 10px;
 border:none;
   -webkit-transition:.5s;
  -moz-transition:.5s;
  -o-transition:.5s;
  -ms-transition:.5s;
}
.cancel_option_for:hover
{
background-color: #9ca0bd;
}
.conform_box_cancel_pos
{
  margin-right: 10px;
}
.confirm_overlay_bg_14:target {
  visibility: visible;
  opacity: 1;
}
.confirm_overlay_bg_14:target .delete_modal_content {
  transform: translate(-50%, -50%) scale(1);
}
.modal__close-button {
  font-size: 4em;
  line-height: 50%;
  text-decoration: none;
  position: absolute;
  top: 20px;
  right: 20px;
  color: #333;
}
.head_conform_box
{
  position: absolute;
  left: 42%;
  top: -30px;
  animation: box-anim5 0.9s;
    animation-delay: 0;
  animation-iteration-count: infinite;
  animation-direction: forward;
}
.head_conform_box i
{
  padding: 10px;
  border-radius: 50px;
  background-color: #d69813;
  font-size: 44px!important;
  border:2px solid #c1c3d4;

}
/*.grid_container_scroll
{
 
  overflow: auto;

}*/
.grid_container_scroll::-webkit-scrollbar {
    display: none;
}
.btn_danger_stlye1
{
  background: #e3a6a6;
}
.btn_danger_stlye1:hover
{
  background: #ff9a9a;
}
.btn_sp_stlye1
{
  background: #d59812;
}
.btn_sp_stlye1:hover
{
  background: #f2b226;
}

.jconfirm.jconfirm-open.jconfirm_custom_styling01
{
  overflow: unset;
}

.jconfirm.jconfirm-open.jconfirm_custom_styling01 .jc-bs3-row
{
  overflow: unset;
}

.jconfirm.jconfirm-open.jconfirm_custom_styling01 .jconfirm-box-container
{
  overflow: unset;
}
.jconfirm.jconfirm-open.jconfirm_custom_styling01 .jconfirm-box
{
  overflow: unset;
}
.jconfirm.jconfirm-open.jconfirm_custom_styling01 .jconfirm-content-pane
{
  overflow: unset!important;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////*/
#comparison_slider_slideshow.slider_pad_p
{
  padding: 1% 1% 34.25% 1%;
}
.comparison_slider_slideshow_n.slider_pad_p
{
  padding: 1% 1% 34.25% 1%;
}
.comparison_slider_bottom_content
{
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  height: 0;
  opacity: 0.9;
}
.comparison_slider_bottom_content_inner
{
  background: rgba(245, 130, 70, .80);
  color: #fff;
  border-radius: 25px;
  position: relative;
  font-size: 13px;
  font-weight: normal;
  bottom: 35px;
  padding: 2px 10px;
}
.comparison_slider_bottom_content_before
{    
  float: left;
  left: 11px;
}
.comparison_slider_bottom_content_after
{
  float: right;
  right: 12px;
}

.img-comp-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
  display: inline-block;
}

.img-comp-img {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow:hidden;
}

.img-comp-img img {
  display:block;
  vertical-align:middle;
}

.img-comp-slider {
  position: absolute;
  z-index: 1;
  cursor: ew-resize;
  width: 2px;
  height: 100%;
  background-color: #f58246;
  opacity: 1;
  box-shadow: -2px 0px 4px 0px rgba(0, 0, 0, 0.4);
}

/*//////////////////////////*/
.comparison_slider_slideshow_n { 
  margin: 0 auto; 
  position: relative; 
  width: 100%;
  padding: 1% 1% 56.25% 1%; /*56.25 is for 16x9 resolution*/
  border-radius:0px;
  box-sizing:border-box;
  box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.10);
}

.comparison_slider_slideshow_n > div { 
  position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
}
.comparison_slider_slideshow_n > div > img {
  width:100%;
  height:100%;
  border-radius:20px;
}
.comparison_slider_slideshow_n:hover i, .comparison_slider_slideshow_n:hover .slider-dots{
  opacity: 1;
}
/*################################################*/
#comparison_slider_slideshow { 
  margin: 0 auto; 
  position: relative; 
  width: 100%;
  padding: 1% 1% 56.25% 1%; /*56.25 is for 16x9 resolution*/
  border-radius:0px;
  box-sizing:border-box;
  box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.10);
}

#comparison_slider_slideshow > div { 
  position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
}
#comparison_slider_slideshow > div > img {
  width:100%;
  height:100%;
  border-radius:20px;
}
#comparison_slider_slideshow:hover i, #comparison_slider_slideshow:hover .slider-dots{
  opacity: 1;
}
.comparison_slider_slidebtn {
  z-index: 1;
  background: rgba(245, 130, 70, .80);
  outline: none;
  border: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  padding: 5px 10px 5px 10px;
}
.comparison_slider_slidebtn:active,
.slidedtn:focus {
  outline:none;
}
.comparison_slider_slidebtn i {
  color: #ffffff;
  font-size: 15px;
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.comparison_slider_prev {
  position: absolute;
  top: 50%;
  left: 23px;
  transform: translate(-50%, -50%);
}
.comparison_slider_next {
  position: absolute;
  top: 50%;
  right: -8px;
  transform: translate(-50%, -50%);
}
.slider-dots {
  opacity: 0.8;
  list-style: none;
  display: flex;
  display: -webkit-flex;
  padding-left: 0;
  margin-bottom: 0;
  position:absolute;
  left:50%;
  bottom:-20px;
  transform: translate(-50%, 0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.slider-dots li {
  color: #ccc;
  display: inline;
  font-size: 10px;
  margin-right: 10px;
  cursor: pointer;
}
.slider-dots li.active-dot {
  color: #f58246;
}
.img_comparison
{
  width: 100%;
}

/*################################################*/
.sts_dot_resp
{
     width: 15px;
    height: 15px;
    border-radius: 40px;
    margin-bottom: -6px;
}
.dot_sts_set
{
    width: 15px;
    height: 15px;
    border-radius: 40px;
    display: inline-block;
    margin-bottom: -2px;
    margin-left: 10px;
}
.version_styling
{
  color: #dcdde0;
  font-weight: 400;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////                                ///////////////////////////////////////////////*/
/*/////////////////////////////////////////////     START FILTER  SECTION      ////////////////////////////////////////////////*/
/*////////////////////////////////////////////                                /////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.filter_section_outer
{
  width: 100%;
  background: #1f222b;
  /*border-top: 3px solid #1b1c22;*/
  border-bottom: 3px solid #1b1c22;
  margin: auto auto auto auto;
  text-align: center;
  display: none;
}
.color_b2b5c7_imp
{
  color: #b2b5c7;
}

.pos_sticky
{
    position: sticky;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
}
.top_val_66
{
  top: 66px;
}
.z_index_10036
{
  z-index: 10036;
}
.z_index_1005_imp
{
  z-index: 1005!important;
}
.z_index_10040
{
  z-index: 10040;
}
.z_index_10045
{
  z-index: 10045;
}
.z_index_10050
{
  z-index: 10050;
}
.z_index_10060
{
  z-index: 10060;
}
.z_index_10020
{
  z-index: 10020;
}
.menu_fix_on_top_01
{
  position: sticky;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  top: 3px;
  z-index: 10035;
}

.customized_select_box_prop 
{  
  color: #a9acbf;
  padding: 10px 5px;
  background: #1b1c22;
  outline: none;
  border-radius: 8px;
  border: 1px solid #1b1c22;
  transition:0.3s;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  -o-transition:0.3s;
  -ms-transition:0.3s;
}

.customized_select_box_prop::placeholder {
    color: #c6ddea;
    opacity: 1; /* Firefox */
}

.customized_select_box_prop:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #222c32;
}

.customized_select_box_prop::-ms-input-placeholder { /* Microsoft Edge */
   color: #222c32;
}


.head_menu_right_icons
{
  font-size: 35px;
  color: #5c5f74;
  -webkit-text-stroke: 1px #1f222b;
  margin: 8px;
   transition:0.4s;
  -webkit-transition:0.4s;
  -moz-transition:0.4s;
  -o-transition:0.4s;
  -ms-transition:0.4s;
 cursor: pointer;

}
.head_menu_right_icons:hover
{

  color: #b2b5c7;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////                                ///////////////////////////////////////////////*/
/*/////////////////////////////////////////////     END FILTER  SECTION        ////////////////////////////////////////////////*/
/*////////////////////////////////////////////                                /////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.upload_download_section
{
      max-width: 500px;
    width: 100%;
    position: fixed;
    z-index: 10037;
    background: #fff;
    overflow: hidden;
    right: 50px;
    top: calc(100% - 380px);
    border-radius: 10px;
}
.upload_download_section_outer
{
  display: flex;
    align-items: stretch;
    flex-direction: column;
    flex: 1 1 auto;
    height: 350px;
}
.upload_download_section_outer.hide_c
{
  height: 100%;
}
.upload_download_section_outer.hide_c .minimize_hide
{
 display: none;
}
.upload_download_section_outer .minimize_show
{
 display: none;
}
.upload_download_section_outer.hide_c .minimize_show
{
 display: block;
}
.upload_download_section_outer.hide_c
{

}
.upload_download_section_r1
{
  padding: 5px;
  background: #d8e2fb;
  height: 48px;
  cursor: move;
}

.nav_tabs
{
  display: flex;
}
.nav_tabs_li {
    list-style: none;
    margin: 0 5px;
    padding: 0px;
    font-size: 19px;

}
a.nav_tabs_content {
   padding: 5px 0px;
    margin: 0px 5px;
    font-weight: 600;
    color: #1f222b;
    position: relative;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    display: inline-block;
}
.nav_tabs_content.active::after
{
  content: "";
    width: 100%;
    height: 3px;
    background: #d59811;
    position: absolute;
    bottom: -6px;
    left: 0;
    border-radius: 25px;
}

.nav_tabs_content:hover
{
  color: #d59811;
}

.upload_download_section_r2
{padding: 5px;
  display: flex;
}
.upload_download_section_r2 .r2_inner
{
  display: flex;
    align-items: center;
    margin: 3px;
    padding: 2px 5px;
    background: #e4e9f5;
    border-radius: 5px;
    width: 25%;
}
.upload_download_section_r2 .r2_inner.w1
{
    width: 32%;
}
.upload_download_section_r2 .r2_inner.w2
{
    width: 100px;
}
.upload_download_section_r2 .r2_inner .s1
{
  font-size: 21px;
  padding-right: 3px;
  color: #bb8817;
}
.upload_download_section_r2 .r2_inner .s2
{
  line-height: 13px;
    font-size: 12px;
}
.upload_download_section_r4
{
position: relative;
    width: 100%;
    display: inline-block;
    flex: 1 1 auto;
    min-width: 0;
    height: auto;
    min-height: 0;
}
.upload_download_section_r4_inner
{
position: absolute;
    height: 100%;
    width: 100%;
}
.upload_download_section_r4_inner_ul
{
padding: 2px 0px;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100%;
    display: block;
}
.upload_download_section_r4_inner_ul_li
{
  list-style: none;
    padding: 5px 9px;
    margin-bottom: 2px;
    background: #d8e2fb;
    display: flex;
}
.ud_project_listing_outer01
{
  display: grid;
    width: calc(100% - 45px);
}
.ud_file_listing_outer
{
  display: grid;
    width: 100% ;
}
.ud_project_listing_outer02
{
  width: 45px;
    display: grid;
    align-items: center;
    padding: 9px;
}
.ud_project_dropdn_icon
{
  padding: 5px;
    height: 32px;
    width: 32px;
    display: grid;
    align-items: center;
    background: #bcc9e8;
    border-radius: 5px;
    cursor: pointer;
    transition:0.3s;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  -o-transition:0.3s;
  -ms-transition:0.3s;
}
.ud_project_dropdn_icon:hover
{
   background: #9aabd6;
}
.ud_project_dropdn_icon span
{
 font-size: 21px;
}
.ud_project_listing_t1
{
padding: 5px 0;
    display: flex;
}
.ud_project_listing_t1 h5
{
font-size: 17px;
    font-weight: 600;
}
.ud_project_listing_progress_outer
{
      margin: 2px 0 5px 0;
    height: 17px;
    position: relative;
}
.mini_progress_01
{
  padding: 8px 5px;
    width: calc(100% - 44px);
}
.ud_project_listing_progressbar
{
     font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    background: linear-gradient(to right, #eabc54 0%, #f3b01d 50%, #bf8607 100%);
    background-color: #d59811;
}
.upload_download_section_r4_tick
{
  font-size: 15px;
  
}
.upload_download_section_r4_tick label{
  font-weight: 400;
  display: flex;cursor: pointer;
  
}
.upload_download_section_r4_tick input{
  margin-right: 5px;
}

.ud_min_max_icon
{
  position: absolute;
  top: 0;
  right: 0;
  margin: 7px 10px 5px 5px;
  padding: 5px;
  cursor: pointer;
    border-radius: 5px;
    transition:0.3s;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  -o-transition:0.3s;
  -ms-transition:0.3s;
}
.ud_min_max_icon:hover
{background: #c8d4f1;}

.ud_min_max_icon span
{
  display: flex;
}
.upload_download_section_r3
{
  display: block;
    border-top: 1px solid #d8e2fb;
}

.animate01 {
    animation: animating_s1 0.5s cubic-bezier(0.29, 0.32, 0.2, 1.51) both;
  -webkit-animation: animating_s1 0.5s cubic-bezier(0.29, 0.32, 0.2, 1.51) both;
  -moz-animation:animating_s1 0.5s cubic-bezier(0.29, 0.32, 0.2, 1.51) both;
  -o-animation: animating_s1 0.5s cubic-bezier(0.29, 0.32, 0.2, 1.51) both;
  -ms-animation: animating_s1 0.5s cubic-bezier(0.29, 0.32, 0.2, 1.51) both;
    transform: translateY(5px);
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -o-transform: translateY(5px);
    -ms-transform: translateY(5px);
    backface-visibility: hidden;
}
@keyframes animating_s1 {
  100% {transform: translateY(0);}
}
@-webkit-keyframes animating_s1 {
  100% {-webkit-transform: translateY(0);}
}
@-moz-keyframes animating_s1 {
  100% {-moz-transform: translateY(0);}
}
@-o-keyframes animating_s1 {
  100% {-o-transform: translateY(0);}
}



.upload_download_section_r3_inner
{
  display: flex;
  padding: 5px;
}
.upload_download_section_r3_title
{
width: calc(100% - 40px);
    padding: 5px;
}
.upload_download_section_r3_title h4
{
  font-weight: 600;
}
.upload_download_section_r3_count
{
margin-left: 5px;
}
.upload_download_section_r3_return
{
padding: 5px;
    height: 32px;
    width: 32px;
    display: grid;
    align-items: center;
    background: #bcc9e8;
    border-radius: 5px;
    cursor: pointer;
}
.upload_download_section_r3_return span
{
  font-size: 21px;
}
.on_queue_notif
{
    background: #ecf1ff;
    border-radius: 2px;
    padding: 0px 5px;
    color: #000000;
    position: absolute;
    width: 100%;
    height: 17px;
    line-height: 1;
    display: none;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////                                ///////////////////////////////////////////////*/
/*////////////////////////////////////////////                                /////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.pm_img_prop
{
  height: 40px;
  width: 40px;
}
.pm_popover_outer
{
  /*min-width: 290px;*/
  min-width: 0px;
  width: 0;
  overflow: hidden;
  padding: 0px;
  right: 7px;
  top: 72px;
  z-index: 10036;
  background: #fff;
 /* padding: 10px;*/
  border-radius: 10px;
  animation: pm_popover_anim_hide 10s ease-out forwards;
  -webkit-animation: pm_popover_anim_hide 10s ease-out forwards;
  -moz-animation: pm_popover_anim_hide 10s ease-out forwards;
  -o-animation: pm_popover_anim_hide 10s ease-out forwards;
  animation-delay: 10s;
  -webkit-animation-delay: 10s;
  -moz-animation-delay: 10s;
  -o-animation-delay: 10s;
  white-space: nowrap;
}
@keyframes pm_popover_anim_hide {
  0%, 5%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
  10%,95%{opacity: 1; min-width: 265px; width: unset; overflow: visible; padding: 10px;}
  100%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
}
@-webkit-keyframes pm_popover_anim_hide {
  0%, 5%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
  10%,95%{opacity: 1; min-width: 265px; width: unset; overflow: visible; padding: 10px;}
  100%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
}
@-moz-keyframes pm_popover_anim_hide {
  0%, 5%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
  10%,95%{opacity: 1; min-width: 265px; width: unset; overflow: visible; padding: 10px;}
  100%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
}
@-o-keyframes pm_popover_anim_hide {
  0%, 5%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
  10%,95%{opacity: 1; min-width: 265px; width: unset; overflow: visible; padding: 10px;}
  100%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
}

.pm_popover_inner_close_btn_outer
{
    animation: pm_popover_cls_anim 0.2s ease-out forwards;
  -moz-animation: pm_popover_cls_anim 0.2s ease-out forwards;
  -webkit-animation: pm_popover_cls_anim 0.2s ease-out forwards;
  -o-animation: pm_popover_cls_anim 0.2s ease-out forwards;
  animation-delay: 11s;
  -webkit-animation-delay: 11;
  -moz-animation-delay: 11s;
  -o-animation-delay: 11s;
  overflow: hidden;
  white-space: nowrap;
  width: 0;
  margin-left: -19px;
  margin-top: -17px;
}
@keyframes pm_popover_cls_anim {
  from{ width: 0; }
  to {  width: 20px; }
}
@-webkit-keyframes pm_popover_cls_anim {
  from{ width: 0; }
  to {  width: 20px; }
}
@-moz-keyframes pm_popover_cls_anim {
  from{ width: 0; }
  to {  width: 20px; }
}
@-o-keyframes pm_popover_cls_anim {
  from{ width: 0; }
  to {  width: 20px; }
}


/*

@-webkit-keyframes pm_popover_anim_hide {
  100%{
    opacity: 0; 
    min-width: 0px; 
    width: 0;   
    overflow: hidden;
    padding: 0px;
  }
}
@-moz-keyframes pm_popover_anim_hide {
  100%{
    opacity: 0; 
    min-width: 0px; 
    width: 0;   
    overflow: hidden;
    padding: 0px;
  }
}
@-o-keyframes pm_popover_anim_hide {
  100%{
    opacity: 0; 
    min-width: 0px; 
    width: 0;   
    overflow: hidden;
    padding: 0px;
  }
}*/
.pm_popover_outer:before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  right: 10px;
  top: -20px;
  bottom: auto;
  border: 12px solid;
  border-color: transparent transparent white transparent;
}
/*.pm_popover_outer:after {
    content: "X";
    position: absolute;
    height: 20px;
    left: -9px;
    top: -9px;
    bottom: auto;
    color: #fff;
    background: #d59811;
    border-radius: 45px;
    padding: 2px 6px;
    font-size: 11px;
    font-family: cursive;
    cursor: pointer;
}*/

.pm_popover_outer_inner_title
{
/*  font-weight: 600;*/
  /*color: #7b8291;*/
  padding: 5px 0;
  font-size: 15px;
   color: #7b8291;

}
/*.pm_popover_outer_inner_title::first-letter {
  font-size: 150%;
 
}*/

.pm_popover_outer_inner_title_content
{
  color: #7b8291;
/*  font-weight: 600;*/
  font-size: 15px;
  padding: 0px 0px 5px 0;
  animation: pm_popover_anim 1s ease-out forwards;
  -moz-animation: pm_popover_anim 1s ease-out forwards;
  -webkit-animation: pm_popover_anim 1s ease-out forwards;
  -o-animation: pm_popover_anim 1s ease-out forwards;
  animation-delay: 11s;
  -webkit-animation-delay: 11;
  -moz-animation-delay: 11s;
  -o-animation-delay: 11s;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  width: 0;
}
@keyframes pm_popover_anim {
  from{ width: 0; }
  to {  width: 100%; }
}
@-webkit-keyframes pm_popover_anim {
  from{ width: 0; }
  to {  width: 100%; }
}
@-moz-keyframes pm_popover_anim {
  from{ width: 0; }
  to {  width: 100%; }
}
@-o-keyframes pm_popover_anim {
  from{ width: 0; }
  to {  width: 100%; }
}
.pm_popover_inner_close_btn
{
  font-size: 14px!important;
  background: #d59812;
  border-radius: 20px;
  padding: 3px;
  color: #000;
  position: relative;
  /*left: -19px;
  top: -19px;*/
}

/* ====================================================================================================*/
/* ============================================ANIMATION ===============================================*/
/* ====================================================================================================*/

  .box-anim1 {
    animation: box-anim1 0.3s ease-out;
    -moz-animation: box-anim1 0.3s ease-out;
    -webkit-animation: box-anim1 0.3s ease-out;
  }

  @keyframes box-anim1 {
    from { margin-top: 10px; opacity: 0; visibility: hidden;}
    to { margin-top: 0px; opacity: 1; visibility: visible;}
  }
  @-moz-keyframes box-anim1 {
     from { margin-top: 10px; opacity: 0; visibility: hidden;}
    to { margin-top: 0px; opacity: 1; visibility: visible;}
  }
  @-webkit-keyframes box-anim1 {
    from { margin-top: 10px; opacity: 0; visibility: hidden;}
    to { margin-top: 0px; opacity: 1; visibility: visible;}
  }
  .box-anim4 {
    animation: box-anim4 0.2s;
    -moz-animation: box-anim4 0.2s ;
    -webkit-animation: box-anim4 0.2s;
  }
 

  @keyframes box-anim4 {
    from { margin-top: -20px; opacity: 0; visibility: hidden;}
    to { margin-top: 0px; opacity: 1; visibility: visible;}
  }
  @-moz-keyframes box-anim4 {
     from { margin-top: -20px; opacity: 0; visibility: hidden;}
    to { margin-top: 0px; opacity: 1; visibility: visible;}
  }
  @-webkit-keyframes box-anim4 {
    from { margin-top: -20px; opacity: 0; visibility: hidden;}
    to { margin-top: 0px; opacity: 1; visibility: visible;}
  }

   .box-anim2 {
        animation: scale-in 0.2s ease-out ;
        -moz-animation: scale-in 0.2s ease-out ;
        -webkit-animation: scale-in 0.2s ease-out ;
  }
.box_anim2_out {
        animation: scale-out 0.2s ease-out ;
        -moz-animation: scale-out 0.2s ease-out ;
        -webkit-animation: scale-out 0.2s ease-out ;
  }
@keyframes scale-out {
  0%{transform: scale(1.5); opacity: 0;}
  100%{transform: scale(1); opacity: 1;}
}
@-moz-keyframes scale-out {
  0%{transform: scale(1.5); opacity: 0;}
  100%{transform: scale(1); opacity: 1;}
}
@-webkit-keyframes scale-out {
 0%{transform: scale(1.5); opacity: 0;}
  100%{transform: scale(1); opacity: 1;}
}
/*  @keyframes box-anim2 {
    from { margin-left: 20px; opacity: 0; visibility: hidden;}
    to { margin-left: 0px; opacity: 1; visibility: visible;}
  }
  @-moz-keyframes box-anim2 {
     from { margin-left: 20px; opacity: 0; visibility: hidden;}
    to { margin-left: 0px; opacity: 1; visibility: visible;}
  }
  @-webkit-keyframes box-anim2 {
    from { margin-left: 20px; opacity: 0; visibility: hidden;}
    to { margin-left: 0px; opacity: 1; visibility: visible;}
  }*/

   .box-anim3 {
    animation: box-anim3 0.15s ease-out;
    -moz-animation: box-anim3 0.15s ease-out;
    -webkit-animation: box-anim3 0.15s ease-out;
  }

  @keyframes box-anim3 {
    from { margin-top: 20px; opacity: 0; visibility: hidden;}
    to { margin-top: 0px; opacity: 1; visibility: visible;}
  }
  @-moz-keyframes box-anim3 {
     from { margin-top: 20px; opacity: 0; visibility: hidden;}
    to { margin-top: 0px; opacity: 1; visibility: visible;}
  }
  @-webkit-keyframes box-anim3 {
    from { margin-top: 20px; opacity: 0; visibility: hidden;}
    to { margin-top: 0px; opacity: 1; visibility: visible;}
  }

     .box-anim3_down {
    animation: box-anim3_down 0.7s ease;
    -moz-animation: box-anim3_down 0.7s ease;
    -webkit-animation: box-anim3_down 0.7s ease;

  }
 
  @keyframes box-anim3_down {
   0% { margin-bottom:-50px; opacity: 0;}
   40% { margin-bottom:30px; opacity:0.9;}
    80% { margin-bottom:0px; opacity:1;}
   100% { margin-bottom:0px; opacity:1;}
 
  }
  @-moz-keyframes box-anim3_down {
    0% { margin-bottom:-50px; opacity: 0;}
   40% { margin-bottom:30px; opacity:0.9;}
    80% { margin-bottom:0px; opacity:1;}
   100% { margin-bottom:0px; opacity:1;}
  }
  @-webkit-keyframes box-anim3_down {
    0% { margin-bottom:-50px; opacity: 0;}
   40% { margin-bottom:30px; opacity:0.9;}
    80% { margin-bottom:0px; opacity:1;}
   100% { margin-bottom:0px; opacity:1;}
 
  }



  @keyframes box-anim5 {
    0% { top:-30px;}
   20% {top:-20px; }
   40% { top:-20px;}
   60% {top:-20px; }
   80% { top:-20px;}
    100% {top:-30px;}
  }
  @-moz-keyframes box-anim5 {
     0% { top:-30px;}
   20% {top:-20px; }
   40% { top:-20px;}
   60% {top:-20px; }
   80% { top:-20px;}
    100% {top:-30px;}
  }
  @-webkit-keyframes box-anim5 {
    0% { top:-30px;}
   20% {top:-20px; }
   40% { top:-20px;}
   60% {top:-20px; }
   80% { top:-20px;}
    100% {top:-30px;}
  }
     .box_animation_01 {
    animation: box_animation_01 0.4s ease;
    -moz-animation: box_animation_01 0.4s ease;
    -webkit-animation:box_animation_01 0.4s ease;

  }
 
  @keyframes box_animation_01 
  {
    0% 
    {     
      transform: translate(0px,40px); 
      -webkit-transform: translate(0px,40px); 
      -moz-transform: translate(0px,40px); 
      -o-transform: translate(0px,40px); 
      -ms-transform: translate(0px,40px); 
      opacity: 0;
    }
    100% 
    { 
      opacity: 1;
      -ms-transform: translate(0px,0px); 
      -webkit-transform: translate(0px,0px); 
      -o-transform: translate(0px,0px); 
      -moz-transform: translate(0px,0px); 
      transform: translate(0px,0px); 
    }
  }
  @-moz-keyframes box_animation_01 
  {
    0% 
    {     
      transform: translate(0px,40px); 
      -webkit-transform: translate(0px,40px); 
      -moz-transform: translate(0px,40px); 
      -o-transform: translate(0px,40px); 
      -ms-transform: translate(0px,40px); 
      opacity: 0;
    }
    100% 
    { 
      opacity: 1;
      -ms-transform: translate(0px,0px); 
      -webkit-transform: translate(0px,0px); 
      -o-transform: translate(0px,0px); 
      -moz-transform: translate(0px,0px); 
      transform: translate(0px,0px); 
    }
  }
  @-webkit-keyframes box_animation_01 
  {
    0% 
    {     
      transform: translate(0px,40px); 
      -webkit-transform: translate(0px,40px); 
      -moz-transform: translate(0px,40px); 
      -o-transform: translate(0px,40px); 
      -ms-transform: translate(0px,40px); 
      opacity: 0;
    }
    100% 
    { 
      opacity: 1;
      -ms-transform: translate(0px,0px); 
      -webkit-transform: translate(0px,0px); 
      -o-transform: translate(0px,0px); 
      -moz-transform: translate(0px,0px); 
      transform: translate(0px,0px); 
    }

  }
  
  .animate_comment_bg
{
  animation: animate_bg 2s linear;
  -webkit-animation: animate_bg 2s linear;
  -moz-animation: animate_bg 2s linear;
  -ms-animation: animate_bg 2s linear;
  transition: 1s ease;
  -webkit-transition: 1s ease;
  -moz-transition: 1s ease;
  -ms-transition: 1s ease;
}
@keyframes animate_bg {
  0% ,50%,100%{background: unset;} 25%,75% {background: #474e67; color: #fff;}
}
@-webkit-keyframes animate_bg {
  0% ,50%,100%{background: unset;} 25%,75% {background: #474e67; color: #fff;}
}
@-moz-keyframes animate_bg {
  0% ,50%,100%{background: unset;} 25%,75% {background: #474e67; color: #fff;}
}

/* ====================================================================================================*/
/* ==========================================END ANIMATION =============================================*/
/* ====================================================================================================*/


/* Scrollbar Styling */
::-webkit-scrollbar {
    width:5px;
   
}
 
::-webkit-scrollbar-track {
    background-color:#1b1c22  ;
    -webkit-border-radius: 0px;
    border-radius:0px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #272b37; 
}
/* end of Scrollbar Styling */


.head_menu_pos_fix
{
  top:0px;
  scroll-behavior: smooth;
    z-index: 10021;

  -webkit-box-shadow:1px 5px 9px -4px rgba(0,0,0,0.43);
-moz-box-shadow:1px 5px 9px -4px rgba(0,0,0,0.43);
box-shadow:1px 5px 9px -4px rgba(0,0,0,0.43);
}


.left_icons_pos_fix
{
z-index: 1000;
margin-top: -45px!important;
animation: left_icons_pos_fix_anim 1s ;
-moz-animation: left_icons_pos_fix_anim 1s ;
-webkit-animation: left_icons_pos_fix_anim 1s ;
}

  @keyframes left_icons_pos_fix_anim {
    from {margin-top: 25px; opacity: 0}
    to { margin-top: -45px; opacity: 1}
  }
  @-moz-keyframes left_icons_pos_fix_anim {
     from {margin-top: 25px; opacity: 0}
    to { margin-top: -45px; opacity: 1}
  }
  @-webkit-keyframes left_icons_pos_fix_anim {
    from {margin-top: 25px; opacity: 0}
    to { margin-top: -45px; opacity: 1}
  }

.right_file_info_area_pos_fix
{
  top: 70px;
    z-index: 10020;

}




 .all_submenu_stick_top_home
 {
  top: 65px;
  position: fixed!important;
    z-index: 10035;
 }
 .home_head_menu_for_tab
 {
     margin-top: -25px;
    border-top: 3px solid #1b1c22;
    z-index: 10035;
 }

 .sp_project_upload_progressbar_section

{  
  display: none;
  position: fixed!important;
  bottom: 15px;
  left: 15px;
  top: unset;
  border: 1px solid #b2b5c7;
  border-radius: 10px;
  width: 420px;
  height: 230px;
  z-index: 10045;    
  background: linear-gradient(to right, #1b1c22 0%, #2c2f40 50%, #1b1c22 100%);
  background-color: #1b1c22;
  overflow: hidden;
  cursor: move;
  -webkit-box-shadow: 21px 21px 79px -7px rgba(0,0,0,0.41);
  -moz-box-shadow: 21px 21px 79px -7px rgba(0,0,0,0.41);
  box-shadow: 21px 21px 79px -7px rgba(0,0,0,0.41);
  animation: scale-in 0.2s ease-out forwards;
  transform: scale(0.5);
  opacity: 0;
  transition: .05s;
}

.sp_project_upload_progressbar_section_head
{
  font-size: 15px;
    padding: 14px 19px;
    color: #c1c8e2;
    background-color: #1b1c22;
}

.sp_project_upload_progressbar_section_progressbar
{
    height:  calc(100% - 85px);
    display: inline-block;
    width: 35%;
    float: left;
    align-items: center;
    align-content: center;
    vertical-align: middle;
}

.sp_project_upload_progressbar_section_progressbar_circle_prop {
       margin: auto;
    padding-top: 8px;
    color: #fff;
}
.sp_project_upload_progressbar_section_progressbar_circle_inner_prop {
    width: 100%;
    margin: 0 auto;
    margin-top: 8px;
    display: inline-block;
    position: relative;
    text-align: center;
}
.sp_project_upload_progressbar_section_progressbar_circle_inner_prop i{
    font-size: 25px;
    color: #d69812;
}
.sp_project_upload_progressbar_section_progressbar_circle_inner_prop canvas {
    vertical-align: middle;
        border-radius: 50%;
   /* background: #1e1f25;*/
}
.sp_project_upload_progressbar_section_progressbar_circle_inner_prop div {
    position: absolute;
    top: 27px;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
}
.sp_project_upload_progressbar_section_progressbar_circle_inner_prop strong i {
    font-style: normal;
    font-size: 0.6em;
    font-weight: normal;
}
.sp_project_upload_progressbar_section_progressbar_circle_inner_prop span {
    display: block;
    color: #aaa;
    margin-top: 12px;
}

.sp_project_upload_progressbar_section_right_area
{
    height:calc(100% - 85px);
    display: inline-block;
    width: 65%;
    float: left;
    align-items: center;
    align-content: center;
    vertical-align: middle;
    padding: 1px 10px;
}
.sp_project_upload_progressbar_section_right_area_inner
{ 
  padding: 5px 10px 5px 10px;
  background-color: #82601a;
  background: linear-gradient(to right, #82601a 0%, #5d1e1e 100%);
  border-radius: 10px;
  width: 100%;
  margin-top: 13px; 
}
.sp_project_upload_progressbar_section_right_area_inner_content
{ 
  text-align: center;
  overflow: hidden;
}
.sp_project_upload_progressbar_section_right_area_inner_content span
{    
  padding-right: 5px;
  padding-left: 5px;
  font-size: 13px;
  color: #c8cce6;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sp_upload_processing_status_circle_inner_bottom
{
  padding-top: 7px;
  color: #b2b5c7;
}
.min_max_icon_for_progressbar
{
  float: right;
  margin: -4px;
  cursor: pointer;
}
.min_max_icon_for_progressbar_min_max_top
{
  top: unset!important;
}
.min_max_icon_for_progressbar_min_max
{
  position: fixed;
  bottom: -186px!important;
  left: 15px;
}
/*.................................................................................................................*/
/*.................................................................................................................*/
/*..........................................   MSG NOTIFICATION SECTION  ..........................................*/
/*.................................................................................................................*/
/*.................................................................................................................*/
.msg_notification_section {
  position: absolute;
  top: 9px;
  text-align: right;
  right: 62px;
  background: transparent;
  height: 31px;
  width: 31px;
  z-index: 1005;
  cursor: pointer;
}
.msg_notification_section.inner_files_sec {
  right: 20px;
}
.cmt_noti_icn
{
  display: none;
}
.cmt_noti_icn.cmt_noti_icn_hvr_shw
{
  display: block;
}
.grid-element:hover .cmt_noti_icn
{
  display: block;
}
/*.grid-element:hover .space_br_ntifn
{
  display: block;
}*/

.msg_notification_icon
{
    padding: 7px;
    height: 30px;
    width: 30px;
    border-radius: 30px;
    box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.3);
    background: rgba(255, 255, 255, 0.4);
   
    color: #000;
}
.msg_notification_icon_no
{
  text-align: center;
  display: inline-block;
  position: absolute;
  z-index: 1000;
  top: -3px;
  left: 22px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 1px 5px 0px 5px;
  height: 14px;
  font-size: 9px;
  line-height: 20px;
  font-weight: 400;
  
}
.msg_notification_icon_no_span
{
  position: relative;
  top: -3px;
}


.msg_notification_icon_no_type_2
{
  text-align: center;
  display: inline-block;
  position: absolute;
  z-index: 1000;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 2px 6px 0px 6px;
  height: 18px;
  font-size: 11px;
  line-height: 20px;
  font-weight: 600;
}


/*.................................................................................................................*/
/*.................................................................................................................*/
/*................................    collaborator_notification_section  ..........................................*/
/*.................................................................................................................*/
/*.................................................................................................................*/
.collaborator_notification_section
{
  position: absolute;
  top: 9px;
  text-align: right;
  background: transparent;
  height: 31px;
  width: 31px;
  z-index: 1005;
  cursor: pointer;
}
.collaborator_notification_icon
{
      padding: 5px;
    height: 30px;
    width: 30px;
    border-radius: 30px;
    box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.3);
    background: rgba(255, 255, 255, 0.4);
    color: #000;
}
/*.................................................................................................................*/
/*.................................................................................................................*/
/*..........................................  project_edit_section    ..........................................*/
/*.................................................................................................................*/
/*.................................................................................................................*/
.project_edit_section {
    position: absolute;
    top: 9px;
    text-align: right;
    right: 157px;
    background: transparent;
    height: 31px;
    width: 31px;
    z-index: 1005;
    cursor: pointer;
}
.msg_notification_icon
{
    padding: 7px;
    height: 30px;
    width: 30px;
    border-radius: 30px;
    box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.3);
    
}


.animation_blink_color_1
{
  animation: animation_blink_color_1 6s cubic-bezier(.36,.07,.19,.97) both;
  -moz-animation:  animation_blink_color_163s cubic-bezier(.36,.07,.19,.97) both;
  -webkit-animation:  animation_blink_color_1 6s cubic-bezier(.36,.07,.19,.97) both;
  animation-delay: 1s;
  animation-direction: forwards;
  animation-iteration-count: infinite;
}

@keyframes animation_blink_color_1 {
  10%, 90% {
     background: rgba(255, 255, 255, 0.4);
     color: #000;
  }
  20%, 80% {
    background: #d49813;
    color: #fff;
  }
  30%, 50%, 70% {
    background: rgba(255, 255, 255, 0.4);
    color: #000;
  }
  40%, 60% {
    background: #d49813;
     color: #fff;
  }
}
/*.................................................................................................................*/
/*.................................................................................................................*/
.grid_noti_section
{
  /*background: rgba(255, 255, 255, 0.3);*/
  height:auto;
  width: auto;
}
.grid_noti_section_left
{
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.grid_noti_section_right
{
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.text_top_to_bottom_align
{
  writing-mode: vertical-rl;
  text-orientation: upright;
}
.grid_noti_section_inner_1
{
  padding: 3px 3px;
  height: auto;
  width: auto;
  min-width: 22px;
  min-height: 22px;
  margin-left: 4px;
  margin-right: 0px;
  margin-top: 0px;
  float: left;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2;
  -ms-transition: 0.2s;
}
.grid_noti_section_inner_1_1
{
  padding: 3px 3px;
  height: auto;
  width: auto;
  min-width: 25px;
  min-height: 25px;
  margin-left: 4px;
  margin-right: 0px;
  margin-top: 0px;
  float: left;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2;
  -ms-transition: 0.2s;
}


.dark_gray_style_1
{
  background-color: #383c4e;
  border: 1px solid #383c4e;
}
.gray_style_1
{
  background-color: #484c65;
  border: 1px solid #484c65;
}
.red_style_1
{
  background-color: #c62216;
  border: 1px solid #c62216;
}
.yellow_style_1
{
  background-color: #a1931d;
  border: 1px solid #a1931d;
}
.green_style_1
{
  background-color: #096c0d;
  border: 1px solid #096c0d;
}
.grid_noti_section_inner_2
{
  font-size: 10px;
  display: block;
}
.grid_noti_section_inner_2_1
{
  font-size: 13px;
  display: block;
}
.grid_noti_section_inner_3
{
  top: -2px;
  right: -1px;
  height: 7px;
  width: 7px;
}
.grid_noti_section_inner_4
{
  padding: 3px 3px;
  height: auto;
  width: auto;
  min-width: 14px;
  min-height: 14px;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2;
  -ms-transition: 0.2s;
}
.grid_noti_section_inner_0_left
{
  left: -2px;
  top: 3px;
}
/*.................................................................................................................*/
/*.................................................................................................................*/

 
 .resp_767_listview_content_box_header_section
 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-content: stretch;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    flex-basis: 100%;
 }
  .resp_767_listview_content_box_header_section .sub_1
 {
    order: 0;
    flex-basis: auto;
    -webkit-box-flex: 0;
    flex-grow: 0;
    display: block;
    flex-shrink: 0;
 }
   .resp_767_listview_content_box_header_section .sub_2
 {
    order: 0;
    flex-basis: auto;
    -webkit-box-flex: 0;
    flex-grow: 0;
    display: block;
    flex-shrink: 1;/*
    overflow: hidden;*/
 }
   .resp_767_listview_content_box_header_section .sub_3
 {
    display: grid;
    max-width: 100%;
    overflow: hidden;
 }
  .resp_767_listview_content_box_header_section .sub_4
 {
    max-width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    overflow: hidden;
 }

  .resp_767_listview_content_box_header_section .sub_5
 {
    order: 0;
    flex-basis: auto;
    display: inline-block;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-shrink: 0;
    padding-right: 5px;
 }


/*.................................................................................................................*/
/*.................................................................................................................*/
/*...........................................ANIMATION AND ITS CLASSES.............................................*/
/*.................................................................................................................*/
/*.................................................................................................................*/
.sp_login_shake {
  animation: shake_animation_01 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
@keyframes shake_animation_01 {
  10%, 90% {transform: translate3d(-1px, 0, 0);}
  20%, 80% {transform: translate3d(2px, 0, 0);}
  30%, 50%, 70% {transform: translate3d(-4px, 0, 0);}
  40%, 60% {transform: translate3d(4px, 0, 0);}
}
@-webkit-keyframes shake_animation_01 {
  10%, 90% {transform: translate3d(-1px, 0, 0);}
  20%, 80% {transform: translate3d(2px, 0, 0);}
  30%, 50%, 70% {transform: translate3d(-4px, 0, 0);}
  40%, 60% {transform: translate3d(4px, 0, 0);}
}
@-moz-keyframes shake_animation_01 {
  10%, 90% {transform: translate3d(-1px, 0, 0);}
  20%, 80% {transform: translate3d(2px, 0, 0);}
  30%, 50%, 70% {transform: translate3d(-4px, 0, 0);}
  40%, 60% {transform: translate3d(4px, 0, 0);}
}
@-o-keyframes shake_animation_01 {
  10%, 90% {transform: translate3d(-1px, 0, 0);}
  20%, 80% {transform: translate3d(2px, 0, 0);}
  30%, 50%, 70% {transform: translate3d(-4px, 0, 0);}
  40%, 60% {transform: translate3d(4px, 0, 0);}
}


.letter_spacing_anim_1
{
  animation: letter_spacing_anim_1 1.5s cubic-bezier(0.49, 0.38, 0.54, 1.22) both;
  
}
@keyframes letter_spacing_anim_1 {
  10% {letter-spacing: 3px;}
  90% {letter-spacing: 1px;}
  20%, 80% {letter-spacing: 4px;}
  30%, 50%, 70% {letter-spacing: -2px ;}
  40%, 60% {letter-spacing: 4px}
}
.letter_spacing_anim_2
{
  animation: letter_spacing_anim_2 1.5s cubic-bezier(0.49, 0.38, 0.54, 1.22) both;
}
@keyframes letter_spacing_anim_2 {
  0% {letter-spacing: -3px;}
 100%{letter-spacing: normal;}
}
.letter_spacing_anim_3
{
  animation: letter_spacing_anim_3 0.6s cubic-bezier(0.49, 0.38, 0.54, 1.22) both;
}
@keyframes letter_spacing_anim_3 {
  0% {letter-spacing: -3px;}
  50% {letter-spacing: 6px;}
 100%{letter-spacing: normal;}
}
/*.................................................................................................................*/
/*.................................................................................................................*/
/*................................................END ANIMATION ...................................................*/
/*.................................................................................................................*/
/*.................................................................................................................*/
.custom_form_style
{
  border-radius: 15px;
  border: none;
  box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.05);
}
.custom_form_style:hover, .custom_form_style:focus, .custom_form_style:active{
  border: none!important;
  outline: none!important;
  box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.10);
  -webkit-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.10);
  -moz-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.10);
  -ms-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.10);
  -o-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.10);
}

.custom_form_style_textarea::-webkit-scrollbar-thumb {
  background: #cfd3ec;
}
.custom_form_style_textarea::-webkit-scrollbar-track {
  background-color: #e5e8fa;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
.custom_form_style_textarea::-webkit-scrollbar {
  width: 8px;
}

.sorting_arrows_outer_prop
{
  margin-left: 8px;
  position: absolute;
}
.sorting_arrows_outer_prop .sb_1
{
  font-size: 16px;
  color: #d49813;
  opacity: 0.8;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2;
  -ms-transition: 0.2s;
  cursor: pointer;
}
.sorting_arrows_outer_prop .sb_1:hover
{
  opacity: 1;
}
/*.................................................................................................................*/
/*.......................................... WPPI POPUP SECTION ...................................................*/
.custom_popup_box
{
    position: fixed;
    width: 100%;
    z-index: 10050;
    height: 100%;
    top: 0;
    text-align: center;
    padding: 20px 20px;
    display: -webkit-flex;
    -webkit-justify-content: center;
    display: flex;
    justify-content: center;
    background: rgba(0, 0, 0, 0.75);
}
.custom_popup_box_content_preview_section
{
  display: inline-flex;
  display: -webkit-inline-flex;
  vertical-align: middle;
  max-width: 900px;
  width: auto;
  border-radius: 0px;
  overflow: hidden;
  height: calc(100% - 130px);
}
.custom_popup_box_content_preview_section img
{
  border: 5px solid #fff;
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: auto;
}

.custom_popup_box_link01
{
  padding: 10px 20px;
   color: #f58246;
  background: rgba(0,0,0,0.2);
  border: 2px solid #f58246;
  border-radius: 5px;
  font-size: 18px;
  min-width: 150px;
  display: inline-block;
  transition: 0.2s ease;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
}
a.custom_popup_box_link01:hover
{
  color: #f58246;
  background: rgba(256,256,256,1);
  border: 2px solid #fff;
}
a.custom_popup_box_link01:focus
{
  color: #f58246;
  background: rgba(256,256,256,0.1);
  border: 2px solid #f58246;
}
.custom_popup_box_link01_icn
{
  padding: 10px 10px;
  color: #f58246;
  background: rgba(0,0,0,0.2);
  border: 2px solid #f58246;
  border-radius: 5px;
  font-size: 18px!important;
  display: inline-block;
  transition: 0.2s ease;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
}
.custom_popup_box_link01_icn:hover{ color: #fff; border: 2px solid #fff;}
.custom_popup_box_link01_icn:focus{ color: #ccc; border: 2px solid #f58246;}

.custom_popup_box_prop:before
{
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.animated_icn_prop
{
  padding: 10px 12px;
  background: rgba(240,147,165,1);
  background: -moz-linear-gradient(left, rgba(240,147,165,1) 0%, rgba(221,66,92,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(240,147,165,1)), color-stop(100%, rgba(221,66,92,1)));
  background: -webkit-linear-gradient(left, rgba(240,147,165,1) 0%, rgba(221,66,92,1) 100%);
  background: -o-linear-gradient(left, rgba(240,147,165,1) 0%, rgba(221,66,92,1) 100%);
  background: -ms-linear-gradient(left, rgba(240,147,165,1) 0%, rgba(221,66,92,1) 100%);
  background: linear-gradient(to right, rgba(240,147,165,1) 0%, rgba(221,66,92,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f093a5', endColorstr='#dd425c', GradientType=1 );
  color: #fff;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  animation:  animated_icn_prop_anim 1.0s cubic-bezier(.36,.07,.19,.97) both;
  -moz-animation:  animated_icn_prop_anim 1.0s cubic-bezier(.36,.07,.19,.97) both;
  -webkit-animation:  animated_icn_prop_anim 1.0s cubic-bezier(.36,.07,.19,.97) both;
  perspective: 1000px;
  animation-iteration-count: infinite;
  transition: 0.2s ease;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  cursor: pointer;
}
.animated_icn_prop:hover
{
  letter-spacing: 1px;
  opacity: 0.9;
}
@keyframes animated_icn_prop_anim {
  50% { transform: translateX(-5px);}
  100% { transform: translateY(0); }
}
@-webkit-keyframes animated_icn_prop_anim {
  50% { -webkit-transform: translateX(-5px);}
  100% { -webkit-transform: translateY(0); }
}
@-moz-keyframes animated_icn_prop_anim {
  50% { -moz-transform: translateX(-5px);}
  100% { -moz-transform: translateY(0); }
}


.not_tbl_style1
{
  width:100%; 
  word-break: break-all; 
  border-collapse: separate;    
  border-spacing: 2px;
}
.not_tbl_style1 tr, td, th
{
  padding: 7px 5px;
}
.not_tbl_style1 tr td
{
  font-size: 16px;
}
.not_tbl_style1_t1 td
{
 font-weight: 600;
}

.mobile_preview_page_header
{
  width: 100%;
  display:inline-block;
  padding: 10px 0px;
}
.mobile_preview_page_header_inner
{
  width: 100%;
  display:inline-block;
}
.mobile_preview_page_header_inner_1.section1
{
  display: inline-grid;
}

.mobile_preview_page_header_inner_2.section2
{
  display: inline-block;
  width: calc(100% - 55px);
  vertical-align: top;
}
.mobile_preview_page_header_inner_2_file_name
{
    margin-bottom: 5px;
    padding-bottom: 3px;
    color: #fff;
}

.mobile_preview_page_header_inner_4.section4
{
    width: 100%;
    display: block;
    margin-top: 5px;
      color: #000;
 
}


.mobile_preview_page_header_inner_4.section4 .status
{
  width: 100%;
  text-align: center;
  padding: 3px;
  font-weight: 600;
  font-size: 12px;
  overflow: hidden;
  height: 22px;
  animation: status-hiding 0.5s cubic-bezier(.36,.07,.19,.97) both;
  -moz-animation:  status-hiding 0.5s cubic-bezier(.36,.07,.19,.97) both;
  -webkit-animation:  status-hiding 0.5s cubic-bezier(.36,.07,.19,.97) both;
  animation-delay: 10s;
  animation-direction: forwards;

}
@keyframes status-hiding {
  100%  {
      height: 2px;
      padding: 0px 3px;
  }
}

@-webkit-keyframes status-hiding {
  100%  {
      height: 2px;
      padding: 0px 3px;
  }
}

@-moz-keyframes status-hiding {
  100%  {
      height: 2px;
      padding: 0px 3px;
  }
}
.mobile_preview_page_header_inner_2_sts
{
  display: inline-flex;
}
.mobile_preview_page_header_inner_2_sts .version_style
{
  height: 26px;
  background: #d49813;
  border-radius: 5px;
}
.mobile_preview_page_header_inner_2_sts .cutm_btn
{
 height: 26px;
 border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.mobile_preview_page_header_inner_2_sts .cutm_btn i
{
     padding: 4px 7px 0px 7px;
     font-size: 18px!important;
}


.btn_base_clr
{
  background: #d49813;
  color: #000;
}
.btn_base_clr:hover
{
  background: #fff;
  color: #d49813;
}
.lbl_style01
{
    padding-bottom: 10px;
    font-size: 17px;
    text-align: left;
    width: 100%;
}
.playpause_project_popup_btns
{
  text-align: right;
    width: 100%;
    padding-top: 5px;
}
.timer_hover_stlye:hover .timer_hover_stlye_active
{
  display: block;
}
.timer_hover_stlye
{
  position: relative;
}
.timer_hover_stlye .timer_hover_stlye_active
{
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  top: -2px;
  background-color: rgb(31 35 46 / 75%);
  min-width: 95px;

}
.icn_btn01
{
  background: #d49814;
    color: #1b1c22;
    border-radius: 3px;
    padding: 1px;
    font-size: 21px!important;
}
.icn_btn01.red
{
  background: #ff4747;
}
.icn_btn01.green
{
  background: #47ff6f;
}
.icn_btn01.blue
{
  background: #47bbff;
}


.cbox
{
width: 14px;
    height: 12px;
  display: inline-block;
}
.cbox_c1
{ 
  background: rgb(177 180 206);
}
.cbox_c2
{ 
  background: rgb(255 122 122);
}
.cbox_c3
{ 
  background: rgb(131 255 131);
}
.cbox_text
{
  color: #bec1da;
  font-size: 14px;
}
.drag_drop_sec
{
  width: 100%;
  height: 95%;
    position: absolute;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    font-size: 31px;
    color: #fff;
    text-align: center;
    z-index: 1;
    
    padding: 5px;
}
.drag_drop_sec_text
{
  display: grid;
    height: 100%;
    align-items: center;
    border: 2px dotted #d69813;
        color: #d69814;
        border-radius: 10px;
}

.dnd_hover {
        border: 2px solid #d59811 !important;
    border-radius: 50px;
    padding: 1px 10px;
}

/*////////////////////*/ 
.sp_breadcrumb_outer
{
  min-height: 30px;
  background: #ffffff;
  width: 100%;
  display: inline-block;
}
.sp_breadcrumb_outer .width_limit_02
{
  max-width: 1170px;
  margin: 0 auto;
    padding-left: 0px;
    padding-right: 0px;
}
.sp_breadcrumb_list
{
  display: inline-block;
  margin-bottom: 0;
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
}
.sp_breadcrumb_list_li
{
  float: left; 
  padding: 3px 9px 1px 6px;
  list-style: none;
}
.sp_breadcrumb_list_link
{
  color: #000;
  font-size: 14px;
  padding: 5px 0px;
  font-weight: 500;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
}
.sp_breadcrumb_list_link:hover
{
  color: #f58246;
}
.sp_breadcrumb_list_link:focus
{
  color: #000;
  opacity: 0.7;
}
.sp_breadcrumb_list_divider:last-child .sp_breadcrumb_list_link
{
   color: #f58246;
}
.sp_breadcrumb_list_divider:last-child .sp_breadcrumb_list_link:focus
{
  opacity: 1;
}
.sp_breadcrumb_list_divider::after
{
content: '\2215';
    color: #000;
    font-size: 17px;
    vertical-align: middle;
    position: relative;
    right: -8px;
}
.sp_breadcrumb_list_divider:last-child.sp_breadcrumb_list_divider::after
{
 display: none;
}


.list_target_folder
{
background: #fff;
    margin: 5px 0;
        max-height: 190px;
    overflow-y: auto;
}
.list_target_folder.scroll01::-webkit-scrollbar {
  display: block; 
  width:5px;
}
.list_target_folder.scroll01::-webkit-scrollbar-track {
  background-color:#e5e8fa  ;
  -webkit-border-radius: 0px;
  border-radius:0px;
}
.list_target_folder.scroll01::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #b9bede; 
}
.list_target_folder ul
{
    list-style: unset;
}
.list_target_folder ul li
{
    padding: 0;
}
.list_target_folder ul li a
{
font-size: 14px;
    color: #212127;
    padding: 5px 15px;
    display: inline-block;
    width: 100%;
    margin-bottom: 1px;
    transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
}
.list_target_folder ul li a:hover
{
  color: #212127;
  background: #ced2ec;
}
.list_target_folder ul li a.havefolder::after
{
    content: '\25BA';
    color: #000;
    font-size: 12px;
    vertical-align: middle;
    position: relative;
    right: -13px;
    top: -1px;
}
.sp_breadcrumb_outer_with_select
{
  display: flex;
}
.default_dialog_box_inner_li_buttons_style.st01
{
      border-radius: 0;
    padding: 10px 14px;
    margin: 0;
}
.default_dialog_box_inner_li_buttons_style.st01:hover
{
     background: #9ca1c7;
}
/*////////////////////*/ 

.count_folder_file_css
{
  display: flex;
  float: left;
  color: #bec1da;
  font-size: 14px;
  padding-right: 10px;
  position: relative;
}
.count_folder_file_css .i_icn
{ 
  display: none;
  width: 23px;
  height: 23px;
  padding: 2px 9px;
  background: #373c4e;
  border-radius: 45px;
      transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
}
.count_folder_file_css .count_folder_file_css_s1 .sb1
{
      padding: 0 8px;
}
.count_folder_file_css_s1
{
  display: flex;
      transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
}
.top_notif_section_s1{
  position: relative;
    top: -9px;
}
.clr_code_dwld_icn
{
  background: rgb(49 173 48);
  color: #fff;
}
.Download_icn_anm01_out
{
    padding: 4px 8px;
    height: 33px;
    overflow: hidden;
    position: relative;
    top: 1px;
}
.Download_perct_sec{
font-size: 13px;
    font-weight: 700;
    padding: 11px 0;
    text-align: center;
}
.Download_icn_anm01
{
  animation: running_icn 0.8s cubic-bezier(0.15, 0.54, 1, 0.34) both;
  -moz-animation:  running_icn 0.8s cubic-bezier(0.15, 0.54, 1, 0.34) both;
    -webkit-animation: running_icn 0.8s cubic-bezier(0.15, 0.54, 1, 0.34) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
}

@keyframes running_icn {
  0%{
    transform: translate3d(0px, -30px, 0);
  }
  
  100% {
    transform: translate3d(0px, 30px, 0);
  }
}
.label_cus01{
  font-weight: 400;
    margin-bottom: 0;
    font-size: 14px;
}

 /*.................................................................................................................*/
 /*.................................................................................................................*/
 /*.................................................................................................................*/
  /*.................................................................................................................*/
 /*..................................................RESPONSIVE......................................................*/
 /*.................................................................................................................*/
  /*.................................................................................................................*/
 /*.................................................................................................................*/
 /*.................................................................................................................*/


@media only screen and (min-width: 1470px) 
{
  

}
@media only screen and (min-width: 1420px) 
{
  .max_width_adjs_1
  {
    max-width: 190px;
  }
}
@media only screen and (max-width: 1720px) 
{
  .select_branch_adminbar{
    position: absolute;
    top: -40px;
    right: 18px;
  }

}
@media only screen and (max-width: 1370px) 
{  
 
  .count_folder_file_css_s1{
    display: none;
    position: absolute;
    right: 0;
    top: 28px;
    width: 200px;
    z-index: 10050;
    background: #313546;
    padding: 6px;
    border-radius: 5px;
    font-size: 11px;
  }
  .count_folder_file_css .i_icn
  {  display: block;}
  .count_folder_file_css:hover .count_folder_file_css_s1{
    display: block;
  }
  .count_folder_file_css:hover .i_icn{
    background: #606884;
  }
  .count_folder_file_css .count_folder_file_css_s1 .sb1 {
    padding: 4px 8px;
    margin: 3px 0;
    border-bottom: 1px solid #1b1c22;
  }
  .count_folder_file_css .count_folder_file_css_s1 .sb1 .fa {
    width: 15px;
  }
  .size_folder_file_icon_css {
      font-size: 14px!important;
      left: -2px;
  }
    .head-menu-center
   {
    padding-left: 20px;
   }
   .head-menu-center a
   {
    margin: 0px 15px;
   }
}
@media only screen and (max-width: 1222px) 
{
   .head-menu-center
   {
    display: none;
   }
   .head_menu_for_tab
   {
    display: block;
   }
}
@media only screen and (max-width: 1217px) 
{
 
  .tick_mark_menubar_pro
  {
    top: 136px;
  }
   .grid_container_scroll_top_margin_home_page
  {
        margin-top:150px;
  }
}
@media only screen and (max-width: 1216px) 
{  

   .searchbox_main_pad
    { 
      padding: 120px 120px 30px 120px;

    }
      #photos_videos_list_tutorial_section 
    {
      -webkit-column-count:3; 
      -moz-column-count:3;   
      column-count:3;
    }
    .project_file_preview_header_section_title
    {
      max-width: 400px;
    }

}


@media only screen and (max-width: 1100px) 
{
  .list_view_content h4
  {
  font-size: 14px !important;
  }
  .list_view_content h4 a
  {
  font-size: 14px !important;
  }
  .font_14_imp_resp_1100
  {
  font-size: 14px !important;
  }
  .list_view_head h4
  {
  font-size: 15px!important;
  }
  .sorting_arrows_outer_prop .sb_1
  {
    font-size: 14px;
  }
  .list_view_start
  {
  padding: 20px 15px 50px 30px;
  }
}
@media only screen and (max-width: 1000px) 
{
 .resp_1000_display_none{
  display: none;
 }
 .top_notif_section_s1 .cbox_text{
  font-size: 12px;
}
  .project_file_preview_header_section_title
  {
  max-width: 300px;
  }
  .content-page-title-area-hover-list-view span
  {
    margin: 0px 40px 0px 0px;

  }
  .search_input
  {
  font-size: 25px;
  }
  .search_input_icon {
  font-size: 30px!important;
  }
  .sp_create_project_additional_info_main
  {
  margin: 0px!important;
  }
}
@media only screen and (max-width: 930px) 
{ 
  .col_date_list_view_prop
  {
    display: none;
  }
}
@media only screen and (max-width: 900px) 
{
  .topbar_logo
  {
  display: none;
  }

  .resp_900_profile_img_with_char
  {
    width: 35px;
    height: 35px;
    font-size: 20px;
    line-height: 35px;
     
  }
  .resp_900_bell_01
  {
  left: 8px;
  width: 17px;
  height: 17px;
  }
  .Download_perct_sec {
    font-size: 12px;
    padding: 9px 0;
    letter-spacing: -1px;
}
  .resp_900_frame_01
  {
  width: 35px;
  height: 35px;
  }
  .Download_icn_anm01{
    font-size: 20px!important;
  }
  .resp_900_notify_icon_01
  {
  font-size: 20px!important;
  }
  .notify_icon_01.fa_icn {
    font-size: 23px;
    left: 10px;
    top: 7px;
  } 
  .shootpro-logo {
  width: 155px;
  height: 51.26px;
  }
  .header-section
  {
  height: 70px;
  }
  .search_content_min_view_col_hide_first
  {
  display: none!important;
  }
  .search_content_min_view_col_hide_second
  {
  width: 25%;
  }
  .search_content_min_view_col_hide_third
  {
  width: 25%;
  }
  .search_content_min_view_col_7
  {
  width: 85%;
  }
  .search_content_min_view_col_5
  {
  width: 15%;
  }
  .project_file_preview_header_section_title
  {
  max-width:180px;
  }

}
@media only screen and (max-width: 850px) 
{
  .list_view_content.inner_listview_c h4 a.icn
  {
    margin: 2px;
    padding: 2px;
  }
}
@media only screen and (max-width: 800px) 
{
  .content-page-title-area-hover-list-view span
  {
    margin: 0px 25px 0px 0px;
  }
  .resp_800_margin_0_7
  {
    margin: 0px 7px;
  }
}

@media only screen and (max-width: 767px) 
{ 
  .tooltip_remove_01
  {
    display: none;
  }
  .more_optionlist_clickicn
  {
    display: block;
  }
  .more_optionlist {
      margin-right: 53px;
      position: absolute;
      top: 30px;
      right: 0;
      background: #242733;
      border-radius: 10px;
      z-index: 1;
      display: none;
  }
  .list_view_content.inner_listview_c h4 a.icn {
    display: flex;
    align-items: center;
    min-width: 150px;
    margin: 5px;
    padding: 4px;
  }
  .list_view_content.inner_listview_c h4 a i {
      padding-right: 7px;
  }
  .more_optionlist_link {
    display: block;
  }
  .invoice_list_header_width01 .w1
  {
    width: calc(100% - 180px);
  }
  .invoice_list_header_width01 .w2
  {
    width:80px;
  }
  .list_view_content.inner_listview_c .list_view_head_name
  {
     max-width: 100%;
  }
  .list_view_content.inner_listview_c .c01
  {
    width: calc(100% - 80px);
  }
  .list_view_content.inner_listview_c .c01.nw_w01
  {
    width: calc(100% - 180px);
  }
  .list_view_content.inner_listview_c .nw_w02
  {
    width:80px;
  }
  .list_view_content.inner_listview_c .nw_w03
  {
    width:100px;
  }
  .list_view_content.inner_listview_c .c02
  {
    width:80px;
  }
  .list_view_content.inner_listview_c h4 a.fnt_style01 .lst_f_details{display: block;}

  .upload_download_section
  {
    max-width: 400px;
  }
  .select_branch_adminbar .select2.select2-container{
    width: 100%!important;
  }
  .select_branch_adminbar {
    position: absolute;
    top: 68px;
    right: 0px;
    width: 100%;
  }
  .spc_for_branch_select
  {
        height: 39px;
    display: inline-block;
    width: 100%;
  }
  .top_notif_section_s1{
    top: unset;
  }
  .count_folder_file_css {
    padding-right: 4px;
  }
  .count_folder_file_css .i_icn{
    width: 19px;
    height: 28px;
    padding: 4px 7px;
    margin-top: -6px;
    border-radius: 3px;
  }
  .list_view_start_project_inner.content_tree_view{
    padding: 5px 34px 49px 30px;
  }
  .top_notif_section_s1 .cbox_text
  {
    font-size: 10px;
  }
  .cbox {
    width: 9px;
    height: 8px;
  }
  .tree li a, .tree2 li a{
    white-space: nowrap;
    overflow-x: scroll;
    width: calc(100% - 117px);
    display: inline-block;
    padding: 0px 0 0 0 !important;
    margin-bottom: -8px;
  }
  .treemenu_name_text::-webkit-scrollbar { 
    display: none; 
  }
  .treemenu_file_name_text::-webkit-scrollbar { 
    display: none; 
  }

  .resp_767_display_none_imp
  {
    display: none!important;
  }
  .head-menu.resp_height_adj
  {
    background-color: #272936;
  }
  .head-menu.resp_height_adj
  {
    height: 75px;
  }
  .resp_767_border_r0
  {
    border-radius: 0px;
  }
  .resp_767_mg_right_0
  {
    margin-right: 0px;
  }
  .space_br_ntifn_btn
  {
    display: block;
  }
  .space_br_ntifn_cnt
  {
    display: none;
  }
  .quick_view_section_img
  {
    padding: 20px;
  }
  .remv_centering_prop
  {
    max-height: unset;
    max-width: unset;
    padding: 0;
  }
  .resp_767_font_14
  {
    font-size: 14px;
  }
  .pm_popover_outer
  {
    right: 0;
    top: 66px;
  }
  @keyframes pm_popover_anim_hide {
  0%, 5%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
  10%,95%{opacity: 1; min-width: 230px; width: unset; overflow: visible; padding: 10px;}
  100%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
  }
  @-webkit-keyframes pm_popover_anim_hide {
    0%, 5%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
    10%,95%{opacity: 1; min-width: 230px; width: unset; overflow: visible; padding: 10px;}
    100%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
  }
  @-moz-keyframes pm_popover_anim_hide {
    0%, 5%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
    10%,95%{opacity: 1; min-width: 230px; width: unset; overflow: visible; padding: 10px;}
    100%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
  }
  @-o-keyframes pm_popover_anim_hide {
    0%, 5%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
    10%,95%{opacity: 1; min-width: 230px; width: unset; overflow: visible; padding: 10px;}
    100%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
  }
  .pm_popover_outer:before
  {
    right: 13px;
  }
  .pm_popover_inner_close_btn
  {
    top: -19px;
  }
  
  .pm_popover_outer_inner_title
  {
    font-size: 13px;
  }
  .pm_popover_outer_inner_title_content
  {
    font-size: 13px;
  }
  .pm_img_prop
  {
    width: 35px;
    height: 35px;
  }
  .custom_popup_box_link01
  {
    padding: 7px 15px;
    font-size: 15px;
    min-width: 110px;
  }
  .custom_popup_box_link01_icn
  {
    font-size: 15px!important;
    padding: 7px;
  }
  .resp_767_margin_right_10
  {
    margin-right: 10px;
  }
  .resp_767_margin_bottom_10
  {
    margin-bottom: 10px;
  }
  .project_file_preview_header_section_settings_icon
  {
  float: right;
  height: 100%;
  display: flex!important;
  display: -webkit-flex!important;
  display: -ms-flex!important;
  display: -moz-flex!important;
  align-items: center;
  }
  .project_inner_link.resp_prop_t1
  {
  padding: 30px 0px 0px 10px;
  }
  .project_inner_ftp.resp_prop_t1
  {
  padding: 30px 0px 0px 10px;
  }
  .projet_info_after_section_right_inner_content
  {
  margin-left: 0px!important;
  }
  .left_icons_width_adjst_02
  {
  min-width: 35px;
  }
  .resp_popup_head_prop_01
  {
  margin-top: 12px;
  }
  .chat_icon_btm_lft
  {
  width: 40px;
  height: 40px;
  }
  .chat_icon_btm_lft_inner
  {
  font-size: 22px!important;
  }
  /*//////////////////////////////////////////////////////////////*/
  /*///////////////  START  MENU TOGGLE ICON  /////////////////////*/
  /*//////////////////////////////////////////////////////////////*/
  .icon_list_menubar
  {
  display: inline-block;
  }
  .resp_767_menubar_toggle_display
  {
  display: inline-grid;
  }
  .resp_767_menubar_toggle
  {
  float: right;
  margin-bottom: 0;
  }
  .ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 45px;
  }
  .hamRotate.active {
  transform: rotate(45deg);
  }
  .hamRotate180.active {
  transform: rotate(180deg);
  }
  .line {
  fill:none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke:#b2b7d0;
  stroke-width:5.5;
  stroke-linecap:round;
  }
  .ham1 .top_e {
  stroke-dasharray: 40 139;
  }
  .ham1 .bottom_e {
  stroke-dasharray: 40 180;
  }
  .ham1.active .top_e {
  stroke-dashoffset: -98px;
  }
  .ham1.active .bottom_e {
  stroke-dashoffset: -138px;
  }
  /*//////////////////////////////////////////////////////////////*/
  /*///////////////  END   MENU TOGGLE ICON  /////////////////////*/
  /*//////////////////////////////////////////////////////////////*/
  .all_submenu_stick_top_home_767
  {
  top: 135px!important;
  position: fixed!important;
  z-index: 10035;
  }
  .blank_content
  {
  padding-top: 20%;
  }
  .searchbox_main_pad
  {
    padding: 120px 80px 30px 80px;
  }
  .search_input
  {
  font-size: 20px;
  }
  .search_input_icon {
  font-size: 25px!important;
  }
  .close_btn_search
  {
  font-size: 30px!important;
  margin: 30px;
  }
  .head_menu_right_for_tab
  {
  display: block;
  }
  .hide_for_tab
  {
  display: none;
  }

  .sort_icon_click
  {
  top: 10px;
  right: 114px!important;
  margin-right: 15px;
  min-width: 200px;
  }
  .filter_icon_click
  {

  top: 225px;
  right: 0px!important;
  margin-right: 15px;
  min-width:200px; 
  display: none;
  }
  .hide_for_mobiles , .list_hide_for_mobiles ,.grid_hide_for_mobiles
  {
  display: none;
  }
  .resp_767_list_view_head_prop
  {
  display: none;
  }
  .resp_767_pad_5_0
  {
  padding: 5px 0px; 
  }
  .list_view_content .resp_767_list_view_content_prop
  {
  flex-direction: column;
  -webkit-align-items: unset!important;
  align-items: unset!important; 
  } 
  .list_view_content.resp_767_list_view_content_prop
  {
  flex-direction: column;
  -webkit-align-items: unset!important;
  align-items: unset!important; 
  display: flex;
  display:-webkit-flex;
  } 
  .resp_767_listview_content_box
  {
  width: 100%;
  max-width: 100%!important;
  }
  .resp_767_pad_left_10_imp
  {
  padding-left: 10px!important;
  }
  .resp_767_list_view_content_icons_list
  {
  bottom: 0;
  position: relative;
  }
  .resp_767_margin_0_7
  {
  margin: 0px 7px;
  }
  .r767_margin_0
  {
    margin: 0;
  }
  .r767_margin_right_8
  {
    margin-right: 8px;
  }

  .resp_767_margin_right_10
  {
    margin-right: 10px;
  }
  .resp_767_list_view_content h4
  {
  padding: 10px 5px;
  margin: 1px 0;
  width: 100%;
  background: #272b38;
  border-radius: 5px;
  }
    .resp_767_list_view_content h4.discount01
  {
    background: #4a3b1d;
  }
  .resp_767_prop_list_view_new_spans
  {
  min-width: 75px;
  }
  .resp_767_prop_list_view_new_spans_1
  {
  min-width: 100px;
  }
  .resp_767_prop_list_view_new_spans_2
  {
  min-width: 175px;
  }
  .resp_767_text_align_left
  {
  text-align: left;
  }
  .resp_767_pad_left_3
  {
  padding-left: 3px;
  }
  .resp_767_prop_list_view_h4_prop
  {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  }
  .title_width_adjstmt_propject_list_view
  {
  max-width: 395px!important;
  }
  .col_date_list_view_prop
  {
  display: block;
  }

  .resp_767_display_none
  {
  display: none;
  }
  .resp_767_display_flex
  {
    display: flex;
    display: -webkit-flex;
  }
  .resp_767_display_inline_block_imp
  {
    display: inline-block!important;
  }
  #photos_videos_list_tutorial_section 
  {
  -webkit-column-count:2; 
  -moz-column-count:2;   
  column-count:2;
  }
  .resp_767_project_icons_props
  {
  float: left;
  }
  .resp_767_settings_icon_home_page_prop
  {
  top: 47px;
  right: 14px;
  }
  .resp_767_max_height_100p
  {
  max-height:  100%;
  }
  .resp_767_flex_column_props
  {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
   -webkit-flex-direction: column;
   padding: 10px;
   text-align: left;
  }
  .resp_767_flex_column_props .each_col_prop
  {
  width: 100%;
  padding: 0;
  }
  .each_col_prop h4
  {
  padding: 10px 5px;
  margin: 1px 0;
  width: 100%;
  background: #272b38;
  border-radius: 5px;
  max-width: unset;
   display: flex;
  display: -webkit-flex;
  }
  .resp_767_pad_0
  {
  padding: 0;
  }
  .resp_767_pad_0_5
  {
  padding: 0px 5px;
  }
  .resp_767_pad_10
  {
  padding: 10px;
  }
  .resp_767_prop_list_view_new_spans_1
  {
  min-width: 105px;
  }
  .resp_767_pad_20
  {
  padding: 20px;
  }
  .resp_767_pad_0_20_20_20
  {
  padding: 0px 20px 20px 20px;
  }
  .resp_767_header_ckeckbox_prop
  {
    padding: 4px 2px 0 0;
    height: 30px;
  }
  .resp_767_ckeckbox_prop_list_view_01
  {
    position: absolute;
    right: 2px;
    top: 27px;
  }
  .resp_767_pad_top_20_imp
  {
    padding-top: 20px!important;
  }
  .resp_767_pad_top_10_imp
  {
    padding-top: 10px!important;
  }

  .chat_box_pos_adjstmt
  {
  transform: translate(-30px,482px);
  -ms-transform:translate(-30px,482px);
  -webkit-transform:translate(-30px,482px);
  -moz-transform: translate(-30px,482px);
  -o-transform: translate(-30px,482px);
  width: 300px;
  }
  .tutorials_outer_box_section_resp_prop
  {
    padding: 0 10px;
  }
  .owl-carousel .tutorials_section_items_resp_prop img
  {
    width: 100%!important;
  }
  .tutorials_section_items_resp_prop .sub_1
  {
    font-size: 23px;
    margin-top: 0px;
  }
  .tutorials_section_items_resp_prop .sub_2
  {
    overflow: auto;
    max-height: 200px;
    font-size: 15px;
  }
  .tutorials_nav_section_items_resp_prop
  {
    position: fixed;
    top: 50%;
  }
  .tutorials_nav_section_items_resp_prop .sub_1
  {
    position: fixed;
    left: 7px;
    background: rgba(212, 152, 19, 0.7);
    padding: 3px;
  }
  .tutorials_nav_section_items_resp_prop .sub_2
  {
    position: fixed;
    right:7px; 
    background: rgba(212, 152, 19, 0.7);
    padding: 3px;
  }
  .owl_if_for_totorials .owl-dots .owl-dot span {
    margin: 5px 4px!important;
  }
  .tutorials_category_outer_box_section_resp_prop .sub_1
  {
       font-size: 24px!important;
  }
  .tutorials_category_outer_box_section_resp_prop .sub_2
  {
      font-size: 20px;
  }
  .add_new_project_overlay .closebtn
  {
    font-size: 40px;
    right: 20px;
  } 
  .general_notification_popup_resp_right_section .sub_1
  { 
    font-size: 14px;
    padding: 10px 0px 5px 0px;
  }
  .general_notification_popup_resp_right_section .sub_2
  { 
    font-size: 14px;
  }
  .general_notification_popup_resp_right_section .sub_3
  { 
    font-size: 11px;
  }

}
@media only screen and (max-width: 730px) 
{
  .invoice_popup_rt_icons_outer
  {
    float: none;
    width: 100%;
  }
  .invoice_popup_rt_icons_outer .resp_sec1
  {
    float: none;
    max-width: 100px;
    width: 100%;
  }
  .invoice_popup_rt_icons_outer .resp_sec2
  {
    float: none;
    max-width: 588px;
    width: 100%;
  }
  .invoice_popup_rt_icons_outer .resp_sec2_inner
  {
    width: 100%;
  }
  .invoice_popup_rt_icons_outer .resp_sec3
  {
        width: 215px;
  }
}
@media only screen and (max-width: 720px) 
{
  .invoice_list_scroll_out{
    overflow: auto;
  }
  .invoice_list_scroll_adj01
  {
    width: 600px;
  }
}
@media only screen and (max-width: 670px) 
{ 
 .head_menu_center_for_tab a
 {
  margin: 0px 11px;
 }
}
@media only screen and (max-width: 650px) 
{  
  .sample_video_preview_sec_prop
  {
    padding: 20px 10px;
  }
  .sample_video_preview_sec_title_sec
  {
    font-size: 16px;
  }
  .sample_video_preview_cls_btn
  {
    font-size: 16px!important;
  }
  .sample_video_preview_sec_bottom_btns
  {
    font-size: 12px;
  }
  .resp_650_font_16_imp
  {
    font-size: 16px!important;
  }
  .resp_650_display_inline_block_imp
  {
    display: inline-block!important;
  }
  .resp_650_display_none
  {
    display: none;
  }
  .sample_video_preview_sec_inner_video_div_prop h4
  {
      font-size: 14px;
  }
  .sample_video_preview_sec
  {
    max-height: 526px;
    max-width: 500px;
  }
  .search_content_min_view_col_hide_second
  {
    display: none!important;
  }
  .search_content_min_view_col_hide_third
  {
    width: 45%;
  }
  /*.search_content_min_view_col_7
  {
    width: 45%;
  }
  .search_content_min_view_col_5
  {
    width: 10%;
  }*/
  .sp_footer_content_terms
  {
    float: none;
    width: 100%;
  }
  .sp_footer_content_copyright
  {
    float: none;
    width: 100%;
  }
  .sp_footer_content_copyright p
  {
    color: rgba(181, 185, 205, 0.82);
    font-size: 12px;
  }
  .link_section_addlink_box_outer .inner_class_01
  {
    width: calc(100% - 50px);
    padding-right: 5px;
  }
  .link_section_addlink_box_outer .inner_class_02
  {
    display: none;
  }
  .link_section_addlink_box_outer .inner_class_03
  {
    display: block;
    width: 100%;
    padding: 0;
  }
}

@media only screen and (max-width: 600px) 
{
  .resp_600_margin_bottom_65
  {
    margin-bottom: 65px;
  }
  .tutorials_section_items_resp_prop
  {
    height: 475px!important;
  }
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 550px) 
{  
  .upload_download_section
  {
    max-width: 100%;
    left: 0;
    top: calc(100% - 360px);
  }


    .col_nested_01
  {
    float: none;
    width: 100%
  }
  .col_nested_02
  {
    float: none;
    width: 100%;
  }
  .cls_rsh_jb_marking
  {
    padding-top: 0px;
    padding-bottom: 10px;
  }
  .mobile_preview_page_header_inner_1.section1 .project_name_left_arrow
  {
    margin-top: 3px;
  }
  .head-menu.resp_height_adj
  {
    padding: 0px;
  }
  .resp_550_max_width_55
  {
    max-width: 55px;
  }
  .settings_icon_click ul li
  {
  padding:  0px 5px 5px 5px;
  }
  .user-list-section-style
  {
    padding: 15px 20px 5px 35px;
  }
  .custom_popup_box
  {
    padding: 10px 15px;
  }
  .daterangepicker
  {
    transform-origin: top left;
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -o-transform-origin: top left;
    transform: scale(0.7);
    -ms-transform:scale(0.7);
    -webkit-transform:scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
  }
  .default_error_msg_inner
  {
    min-width: 250px;
  }
  .left_icons_width_adjst_02 
  {
    min-width: 25px;
  }
  .header-section
  {
    height: 60px;
  }
  .topbar_home_icon
  {
    padding: 10px;
  }
  .shootpro-user-icon
  {
   margin: 2px 0px;
    padding: 10px 2px 10px 10px;
    margin-left: 25px;
  }
  .shootpro-users
  {
   padding: 12px 10px 12px 5px;
  }
  .resp_550_pad_12_5
  {
    padding: 12px 5px;
  }
  .notification_no_01
  {
    left: 22px;
  }
  .resp_550_display_none
  {
    display: none;
  }
  .resp_550_display_inline_block
  {
    display: inline-block;
  }
  .resp_550_display_inline_block_imp
  {
    display: inline-block!important;
  }
  .resp_550_filter_section_outer
  {
    padding-bottom: 10px;
  }
  .resp_550_customized_select_box_prop
  {
    margin: 10px 10px 0px 10px;
  }
  .svg_menubar_resp_prop
  {
    width: 35px;
  }
  #resp_menubar_icons_list
  { 
    width: calc(100% - 50px);
    margin: -18px 50px 0 0px;
  }
  .resp_767_menubar_toggle
  {
    margin-top: -10px;
  }
  .popup_type_02_inner
  {
    transform: scale(0.7) translate(43px,-116px);
    -webkit-transform: scale(0.7) translate(43px,-116px);
    -moz-transform: scale(0.7) translate(43px,-116px);
    -ms-transform: scale(0.7) translate(43px,-116px);
    -o-transform: scale(0.7) translate(43px,-116px);
  }
  .compare_section_main_area_top_01
  {
    transform: translate(-50%,-50%) scale(0.6) !important;
    -webkit-transform: translate(-50%,-50%) scale(0.6) !important;
    -moz-transform: translate(-50%,-50%) scale(0.6) !important;
    -ms-transform: translate(-50%,-50%) scale(0.6) !important;
    -o-transform: translate(-50%,-50%) scale(0.6) !important;
  }
  .responsive_scale_550_08
  {
    -ms-transform: scale(0.8); /* IE 9 */
    -webkit-transform: scale(0.8); /* Safari */
    transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
  }
  .responsive_scale_550_07
  {
    -ms-transform: scale(0.7); /* IE 9 */
    -webkit-transform: scale(0.7); /* Safari */
    transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
  }
    .responsive_scale_550_06
  {
    -ms-transform: scale(0.6); /* IE 9 */
    -webkit-transform: scale(0.6); /* Safari */
    transform: scale(0.6);
    -moz-transform: scale(0.6);
    -o-transform: scale(0.6);
  }

  .resp_550_transform_origin_left_bottom
  {
    -ms-transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -o-transform-origin: left bottom;
  }

    .resp_550_transform_origin_right_bottom
  {
    -ms-transform-origin: right bottom;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -o-transform-origin: right bottom;
  }
  .resp_550_transform_origin_right_top
  {
    -ms-transform-origin: right top;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -moz-transform-origin: right top;
    -o-transform-origin: right top;
  } 
  .resp_550_top_50
  {
    top: 50px;
  }
    .resp_sm_font_15_imp
  {
    font-size: 15px!important;
  }
    .resp_sm_font_16_imp
  {
    font-size: 16px!important;
  }
  .all_submenu_stick_top_home_767 {
    top: 82px!important;
  }
  .custom_tooltip_prop_2[tooltip]::after
  {
    font-size: 10px;
  }
  .custom_tooltip_prop_2_style[tooltip]::after
  {
     font-size: 10px;
  }
  .custom_tooltip_prop_2_2[tooltip]::after
  {
    font-size: 10px;
  }
  .head_menu_pos_fix
  {
    top: 0px!important;
    position: fixed!important;
    z-index: 10035;
    margin-top: 0!important;
  }
  .home_head_menu_for_tab {
    margin-top: -29px!important;
  }
  .tick_mark_menubar_pro {
    top: 78px;
  }

  .grid_container_scroll_top_margin_home_page {
    margin-top: 111px!important;
  }
  .blank_content
  {
    padding-top: 25%;
  }
  .shootpro-logo
  {
    width: 140px;
    height: 46.3px;
  }
  .collaborator_img
  {
    width: 25px;
    height: 25px;
  }
  .collaborator_add_icon
  {
    width: 29px;
    height: 25px;
  }
  .user-icon-list a 
  {
    width: 42px;
  }
  .remove_collaborator_icon
  {
    top: -10px!important;
    left: -10px!important;
    font-size: 13px!important;
  }
  .remove_collaborator_icon:hover
  {
    font-size: 14px!important;
  }
  .user-icon-left-arrow
  {
    font-size: 30px!important;
  }
  
  .head-menu
  {
    height: 50px;
    padding: 18px 10px 10px 10px;
    margin-top: -3px;
  }

  .head-menu-left
  {
    margin-top: -3px;
  }
  .head-menu-left a i
  {
    font-size: 23px;
    margin-left: -30px;
    margin-top: -2px;
  }
  .head-menu-left a
  {
    font-size: 16px;
    padding: 0px 0px 0px 30px;
  }
  .sp_search_box
  {
    font-size: 14px;
  }
  .head-menu-right a i
  {
    font-size: 24px;
  }
  .head-menu-right a
  {
    font-size: 22px;
  }
  .head-menu-right a i
  {
    margin: 0px 8px 0px 8px;
  }
  #wrap
  {
    margin-top: -12px;
  }
  .sp_search_box
  {
    margin: -10px 7px 0px 0px;
  }
  #search_submit
  {
    margin-right: -30px;
   
  }
  .sp_search_box_submit
  {
    width: 25px;
    height: 25px;
  }
  .head_menu_for_tab
  {
    height: 50px;
    padding: 20px 16px 5px 22px;
  }
  .head_menu_center_for_tab
  {
    
    margin-left: -10px;
  }
  .head_menu_center_for_tab a
  {
    font-size: 15px;
    padding: 0px 0px 0px 0px;
    margin: 0px 5px;
  }
  .cool-link2::after
  {
    margin-top: 3;
  }

  .tick-mark-menubar
  {
    padding: 9px 0px 9px 0px;
    height: 40px;
  }
  .tick-mark-menubar-left a i
  {
    font-size: 18px;
  }
  .tick-mark-menubar-right a i
  {
    font-size: 18px;
    margin: 1px 5px 0px 5px;
    vertical-align: bottom;
  }
  .tick-mark-menubar-right a
  {
    font-size: 14px;
    padding: 5px 0px;
  }
  .tick-mark-menubar-right
  {
    margin-top: -5px;
  }

  [tooltip]::before,
  [tooltip]::after 
  {
    font-size: 10px;
  }
  .sp_submenu_all:before
  {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid white;
    right: 15px;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    top: -14px;
  }

  .user_icon_click
  {
    margin-right: 5px;
    top: 60px;
    right: 0px!important;
    min-width: 150px;
  }
  .sp_submenu_all ul
  {
    padding: 0;
  }
  .sp_submenu_all ul li a
  {
    font-size: 11px;
    padding: 5px 5px 5px 5px;
  }
  .sp_submenu_all ul li a:hover
  {
    padding: 5px 5px 5px 10px;
  }
  .li_hover_submenu .active
  {
        padding: 5px 10px 5px 5px!important;
  }
  .sp_submenu_all ul
  {
    padding: 5px;
  }
  .collaborator_icon_click {
      max-width: 200px;
  min-width: 200px;
  top: 65px;
  right: 48px!important;
  }
  .collaborator_email_input
  {
    font-size: 14px;
  }
  .collaborator_message_input
  {
    font-size: 14px;
  }
  .sort_icon_click
  {
    right: 127px!important;
  min-width: 131px;
  }
  .filter_icon_click
  {
    top: 150px;
    min-width: 170px;
    right: 0px!important;
  }
  .new_project_creation_step1
  {
    width: 290px;
    height: 280px;
  }
  .new_project_creation_step1 h4
  {
    font-size: 20px;
    height: 63px;
  }
  .sp_project_name_tag
  {
    max-width: 260px;
    margin:12px 10px;
  }
  .sp_project_name_tag_input
  {
    padding: 0.7em;
  }
  .switch-field {
  
  margin: 10px 15px 15px 15px;
  }
  .switch-title

  {
    font-size: 13px;
  }
  .switch-field label
  {
    padding:0.7em 1.9em 0.7em 0.8em;
  }
  .sp_project_submit_tag
  {
    margin: 0px auto;
  }
  .sp_project_submit_tag_submit
  {
    padding: 0.4em 2.5em;
  }
  .resp_550_list_view_body_prop
  {
    padding: 0;
  }
  .title_width_adjstmt_propject_list_view
   {
    max-width: 250px!important;
   }
    .chat_icon_btm_lft
   {
      width: 35px;
      height: 35px;
      margin: 10px 10px;
   }
   .chat_icon_btm_lft_inner
   {
      font-size: 18px!important;
   }
   #toTop
   {
        width: 35px;
    height: 35px;
   }
   #toTop i
   {
    font-size: 19px!important;
   }
   .chat_box_pos_adjstmt
   {
    width: 300px;
    height: 15px;
   }
   .default_dialog_box_outer
   {
    padding: 10px;
   }
   .resp_close_button_prop_1
   {
    font-size: 18px!important;
    margin-top: 10px;
    padding: 7px;
   }
   .resp_550_max_width_unset
   {
    max-width: unset;
   }
  
     @keyframes pm_popover_anim_hide {
    0%, 5%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
    10%,95%{opacity: 1; min-width: 210px; width: unset; overflow: visible; padding: 10px;}
    100%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
    }
    @-webkit-keyframes pm_popover_anim_hide {
      0%, 5%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
      10%,95%{opacity: 1; min-width: 210px; width: unset; overflow: visible; padding: 10px;}
      100%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
    }
    @-moz-keyframes pm_popover_anim_hide {
      0%, 5%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
      10%,95%{opacity: 1; min-width: 210px; width: unset; overflow: visible; padding: 10px;}
      100%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
    }
    @-o-keyframes pm_popover_anim_hide {
      0%, 5%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
      10%,95%{opacity: 1; min-width: 210px; width: unset; overflow: visible; padding: 10px;}
      100%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
    }

   .pm_popover_outer_inner_title
   {
    font-size: 12px;
   }
   .pm_popover_outer_inner_title_content {
      font-size: 12px;
    }
    
}
@media only screen and (max-width: 530px) 
{
  .invoice_popup_rt_icons_outer
  {
    display: inline-block;
    float: none;
  }
  .invoice_popup_rt_icons_outer .resp_sec1
  {
    float: none;
    width: 95px;
  }
  .invoice_popup_rt_icons_outer .resp_sec2
  {
    float: none;
    width: calc(100% - 100px);
        margin-right: 0;
  }
  .invoice_popup_rt_icons_outer .resp_sec3
  {
    margin-top: 5px;
    width: 100%;
  }
  .invoice_popup_rt_icons_outer .resp_sec1_inner, .resp_sec2_inner
  {
    width: 100%;
  }
}
@media only screen and (max-width: 520px) 
{
  .grid-container--fill.unsting_with_add_prop {
    grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
  }
  .display_none_520
  {
    display: none;
  }
  .display_none_520_imp
  {
    display: none!important;
  }
  .display_inline_block_imp_520
  {
    display: inline-block!important;
  }

}

@media only screen and (max-width: 500px) 
{
    .resp_500_display_inline_block_imp
  {
    display: inline-block!important;
  }
  .resp_500_display_none
  {
    display: none;
  }
  .resp_width_300_imp 
  {
    width: 300px!important;
  }
  .resp_height_165_imp
  {
    height: 165px!important;
  }
  .resp_500_font_30
  {
    font-size: 30px;
  }
  .resp_500_font_17
  {
    font-size: 17px;
  }
  /***** START LOGIN PAGE *****/
  .sp_login_box .inputBox input ,select 
  {
    font-size: 16px;
  }
  .sp_login_box_main 
  {
    padding: 3rem 2rem;
  }
  .sp_login_main_content_left_img
  {
    width: 160px;
  }
  .sp_login_bottom p 
  {
    font-size: 18px;
    padding-left: 0px;
  }
  .sp_login_main_content_left_section
  {
    padding: 2px 5px;
  }
  .sp_login_main_content
  {
    padding: 10px 0px 0px 0px;
  }
  .sp_login_main_content_right
  {
    height: calc(100% - 275px);
  }
  .sp_login_box h2
  {
    font-size: 25px;
  }
  /***** END LOGIN PAGE *****/
  
}
@media only screen and (max-width: 490px) 
{
 .quick_view_section_hide_icon_prop
 {
    padding: 11px 15px;
    font-size: 13px;
 }
 .quick_view_section_hide_icon_prop i
 {
  display: none;
 }
 .resp_quick_prew_margin_r_10
 {
  margin-right: 10px;
 }
 .searchbox_main_pad
  {
        padding: 90px 50px 30px 50px;
  }
  .search_input
  {
  font-size: 15px;
  }
  .search_input_icon {
  font-size: 20px!important;
  }
  .close_btn_search {
    font-size: 20px!important;
    margin: 20px;
  }
}
@media only screen and (max-width: 460px) 
{   
  .search_content_min_view_col_hide_third
  {
  display: none!important;
  }
  .search_content_min_view_col_7
  {
  width: 80%;
  }
  .search_content_min_view_col_5
  {
  width: 20%;
  }

  .list_view_content_for_search {
  height: 55px!important;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 5px;

  }
  
}
@media only screen and (max-width: 450px) 
{  
  .display_none_450
  {
    display: none;
  }
  .display_inline_block_imp_450
  {
    display: inline-block!important;
  }
  .file_preview_include_time_section
  {
    padding: 10px 5px; 
  }
  .file_preview_include_time_section .sub_3
  {
    margin-left: 8px;
  }
   .file_preview_include_time_section .sub_1
  {
    font-size: 14px;
  }
    .container_fill_remove
  {
    grid-template-columns:unset!important;
  }

  .head_menu_center_for_tab a {
    margin: 0px 5px;
  }
  .user_icon_click_right_bar
  {
    width: 270px;
  }
  .resp_450_max_width_270
  {
    max-width: 270px;
  }
  .log_out_main
  {
    max-width: 270px;
  }
  .user_name_prop_01
  { 
    padding: 5px 15px;
    font-size: 18px;
  }
  .resp_450_margin_tb_10
  {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .sp_project_upload_progressbar_section
  {
    width: 298px;
    height: 376px;
  }
  .sp_project_upload_progressbar_section_progressbar
  {
    width: 100%;
    height: 140px;
  }
  .sp_project_upload_progressbar_section_right_area
  {
     width: 100%;
    height: 135px;
  }
  .sp_project_upload_progressbar_section_right_area_inner
  {
    padding: 5px 5px 5px 5px;
        margin-top: 8px;
  }
  .resp_450_font_13
  {
    font-size: 13px;
  }
  .min_max_icon_for_progressbar_min_max
  {
    bottom: -332px!important;
  }
  .sp_default_popup_input_style_resp_01
  {
    margin-top: 50px;
  }
  .custom_button_style_3.sb_1
  {
    padding: 3px 10px 3px 10px;
    font-size: 14px;
  }
  .custom_button_style_2.sb_1
  {
    padding: 3px 10px 3px 10px;
    font-size: 14px;
  }
  .saved_card_section_list_prop_inner_li .sb_2 h4
  {
    font-size: 12px;
  }
  .saved_card_section_list_bottom_section_ul .sb_2 h4
  {
    font-size: 15px;
  }
  .saved_card_section_list_bottom_section_ul
  {
    padding: 10px 2px;
  }
  .already_exist_popup_inside_li .sub1
  {
    max-width: unset;
  }
  .already_exist_popup_inside_li .sub2
  {
    text-align: left;
  }
}
@media only screen and (max-width: 438px) 
{
  .settings_icon_click.add_prop_styling01
  {
   
    right: 0px;
     
  }
}
@media only screen and (max-width: 400px) 
{  
  .grid-container--fill.unsting_with_add_prop {
    grid-template-columns: repeat(auto-fill, minmax(135px, 1fr));
  }
  .title_width_adjstmt_propject_list_view
   {
    max-width: 190px!important;
   }
  .resp_400_display_none
  {
    display: none;
  }
  .head_menu_center_for_tab a
  {
        font-size: 12px;
        margin: 0px 4px;
  }
  .res_scale_400_08 
  {
  -ms-transform: scale(0.8);  
  -webkit-transform: scale(0.8);  
  transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  }

  .resp_400_transform_origin_right
  {
  -ms-transform-origin: right;
  -webkit-transform-origin: right;
  transform-origin: right;
  -moz-transform-origin: right;
  -o-transform-origin: right;
  }
  .resp_box_width_adjst_01_prop
  {
    width: 260px!important;
    height: 146px!important;
    margin: 10px!important;
  }
  .popup_payment_type_inner_size_02
  {
    max-width: 95%!important;
    max-height: 95%;
  }
}
@media only screen and (max-width: 380px) 
{
  .invoice_popup_rt_icons_outer .resp_sec1 {
    width: 100%;
        max-width: 100%;
  }
  .invoice_popup_rt_icons_outer .resp_sec2 {
    width: 100%;
    margin-left: -5px;
    margin-top: 5px;
  }
}
@media only screen and (max-width: 350px) 
{ 
  .grid-container--fill.unsting_with_add_prop {
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  }

  .sp_search_box
  {
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8); 
    transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform-origin: right;
    -webkit-transform-origin: right;
    transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
  }
    @keyframes pm_popover_anim_hide {
    0%, 5%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
    10%,95%{opacity: 1; min-width: 195px; width: unset; overflow: visible; padding: 10px;}
    100%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
    }
    @-webkit-keyframes pm_popover_anim_hide {
      0%, 5%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
      10%,95%{opacity: 1; min-width: 195px; width: unset; overflow: visible; padding: 10px;}
      100%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
    }
    @-moz-keyframes pm_popover_anim_hide {
      0%, 5%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
      10%,95%{opacity: 1; min-width: 195px; width: unset; overflow: visible; padding: 10px;}
      100%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
    }
    @-o-keyframes pm_popover_anim_hide {
      0%, 5%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
      10%,95%{opacity: 1; min-width: 195px; width: unset; overflow: visible; padding: 10px;}
      100%{opacity: 0; min-width: 0px; width: 0; overflow: hidden; padding: 0px;}
    }

   .pm_popover_outer_inner_title
   {
    font-size: 11px;
   }
   .pm_popover_outer_inner_title_content {
      font-size: 11px;
    }

}
/**********************************************************************************/
/********************   RESPONSIVE ACCORDING TO HEIGHT   **************************/
/**********************************************************************************/
@media only screen and (max-height: 700px) 
{  
  /**** start right menu section ****/
  .user_icon_click_right_bar
  {
    overflow: auto;
    padding: 30px 0px 30px 0px;
  }
  .user_icon_click_right_bar_content_other
  {
    height: unset;
  }
  .user_icon_click_right_bar_content_other_outer
  {
    top: unset;
  }
  .user_icon_click_right_bar_content
  {
    height: auto;
    top: unset;
  }
  .user_icon_click_right_bar_content_bottom_section_1
  {
    position: unset!important;
    margin-top: 5px;
    bottom: unset;
  }
  .log_out_main
  {
    position: relative;
    bottom: unset;
  }
  /**** end right menu section ****/
  .special_offers_popup_content_box_prop
  {
    height: 100%;
  }

}
@media only screen and (max-height: 530px) 
{  
  .resp_h_hide_custom_popup_show_btn
  {
    display: none;
  }

}
@media only screen and (max-height: 450px) 
{  
  .special_offers_popup_content_box_prop
  {
    min-height: unset;
  }

}
/**********************************************************************************/
/******************************   END RESPONSIVE  *********************************/
/**********************************************************************************/


@media (min-width: 768px)
{
  .modal-dialog-prop {
    width: 100%!important;
    max-width: 800px!important;
  }
}