html,
body {
    margin: 0;
    overflow: hidden;
    height: 100%;
    background-color: #FFFFFF;
}
.login_bg {
    background: url('../../images/bg_image.jpg') 50% 50%;
    background-size: cover;
}
.login_wrapper {
    height: 100%;
    position: relative;
}
#login_box {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 420px;
}
#login_box .k-loading-image {
    z-index: 99;
}
.login_box_title
{
    font-size: 30px;
    color: white;
    margin-bottom: 20px;
    text-align: center;
}
.margin_top_10
{
    margin-top: 10px;
}
.margin_top_20
{
    margin-top: 20px;
}
.margin_top_25
{
    margin-top: 25px;
}
.margin_top_50
{
    margin-top: 50px;
}
.margin_top_100
{
    /*margin-top: 50px; */
}
#login_box .panel-info {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    overflow: auto;
}
html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
.header_wrapper{
    position: relative;
    width:100%;
    height: 90px;
    border: solid 1px #ccc;
}
.file_history_list
{
    list-style: none;
}
.header{
    height:50px;
    background-color: #3F51B5;
    color: white;
    padding: 0px 15px 0px 15px;
}
.header_item {
    border: solid 0px red;
    /* padding-top: 7px; */
}
.header_center{
    text-align: center;
}
.header_right{
    float: right;
    padding-top: 0px;
}
#app_link {
    width: 35px;
    height: 100%;
    float: left;
    margin: 2px 5px;
    padding: 10px 5px;
    cursor: pointer;
    opacity: 0.8;
    display: inline-block;
}
#app_link:hover{
    opacity: 1;
}
.main-header-left-sec{
    width: 240px;
    display: inline-block;
    vertical-align: top;
}
.main-header-center-sec{
    width: calc(100vw - 700px);
    display: inline-block;
    vertical-align: top;
}
.main-header-right-sec{
    width: 450px;
    display: inline-block;
    vertical-align: top;
    float: right;
}
.landing_page_icon
{
    font-size: 40px;
    padding: 20px 0px;
    color: white;
}
i.fawsome_dft_fsize {
    font-size: 20px;
}
.file_f_icon {
    font-size: 18px;
    color: #A0C6DF;
}
.file_f_icon:hover {
    color: #78AED2;
}
.tree_f_icon {
    font-size: 18px;
    color: #A0C6DF;
    padding: 5px 10px;
}
.tree_f_icon:hover {
    color: #78AED2;
}
.logo{
    height: 50px;
    width: 190px;
    display: inline-block;
    padding: 3px 2px;
}
.logo img {
    height: 100%;
}
#app_name {
    font-size: larger;
    margin-top: 5px;
}
#app_name_sub {
    font-size: 13px;
}
.header_tools{
    position: relative;
    width: 30px;
    padding: 15px 0;
    float: right;
    height: 100%;
    opacity: 0.7;
    cursor: pointer;
}
.header_tools:hover{
    opacity: 1.0;
}
.header_notify_count{
    position: absolute;
    top: 3px;
    right: 0;
    font-size: 9px;
    background-color: red;
    padding: 3px 4px;
}
.login_logo {
    width: 250px;
    height: 50px;
    margin: 0 auto 10px;
    display: block;
    overflow: hidden;
    margin-top: 20px;
    text-align: center;
}
.login_logo img,.navbar-brand img{
    max-width: 200px;
}
#user_image.header_tools{
    width: 40px;
    height: 40px;
    overflow: hidden;
    padding: 0;
    margin: 5px;
    opacity: 1.0;
}
div#user_image img {
    min-height: 100%;
}
#user_info.header_tools{
    width: 182px;
    margin: 8px;
    padding: 0;
}
.cursor_hand
{
    cursor: pointer;
}
.cursor_text
{
    cursor: text !important;
}
.cursor_text:before {
    cursor: text !important;
}
.user_info_item{
    width: 100%;
    font-size: 12px;
    text-align: right;
}
.user_image_icon{
    max-width: 100%;
}
.sub_header{
    height:40px;
    background-color: white;
    padding: 0px 20px 0px 10px;
    border-bottom: 1px solid #ddd;
}
.space_nav_image{
    width: 20px;
    height: 20px;
    overflow: hidden;
    padding: 0;
    margin: 6px;
    float: left;
    font-size: 20px;
    color: #78AED2;
    opacity: 0.7;
    cursor: pointer;
}
.space_nav_image:hover{
    opacity: 1;
}
#space_nav_icon{
    max-width: 100%;
}
ul#breadCrumbsMain li:first-child a {
    font-size: 20px;
    color: #337ab7 !important;
    cursor: pointer;
}
ul#breadCrumbsMain li:first-child a:hover {
    text-decoration: underline;
}
ul#breadCrumbsMainGlobal li span{
    font-size: 20px;
    color: #383838 ;
}
ul#breadCrumbsMain {
    padding: 4px;
    font-size: 15px;
    max-height: 38px;
    overflow: hidden;
}
ul#breadCrumbsMainGlobal {
    padding: 4px;
    font-size: 15px;
    max-height: 38px;
    overflow: hidden;
}
.breadcrumb {
    background: rgba(255, 255, 255, 1);
    border: 0px solid rgba(245, 245, 245, 1);
    border-radius: 4px;
    padding: 8px 15px;
    display: block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    /*    height: 35px;*/
    overflow: hidden;
}
#breadCrumbsMain li a:hover{
    text-decoration: none;
    color: inherit;
}
.breadcrumb.space_nav>li+li:before {color: rgba(204, 204, 204, 1);
                                    /*content: "\276F\00a0";*/
}
.breadcrumb.folder_nav>li+li:before {color: rgba(204, 204, 204, 1); content: "\002F\00a0";}
.breadcrumb_ellipse_text{
    overflow: hidden;
    text-overflow: ellipsis;
}
.file_list_header_nav{
    padding: 0 !important;
}
.action_button{
    float: left;
    border: 1px solid #1AB394;
    border-radius: 3px;
    padding: 3px 5px;
    /* background-color: #1AB394; */
    cursor: pointer;
    margin: 5px;
    color: white;
}
.upload-file-icon{
    /*icon-ic_btn_upload*/
    width: 20px;
    height: 20px;
    /*background: url(../../images/ic_btn_upload.png) top left no-repeat;*/
    display: inline-block;
    vertical-align: bottom;
    margin-right: 2px;
    /*    background-image: url(../../images/SpriteSheet/teknowmics_images_spritesheet.png);
    background-position: -25px -40px;*/
}
.create-icon{
    /*icon-ic_btn_add*/
    width: 20px;
    height: 20px;
    /*background: url(../../images/ic_btn_add.png) top left no-repeat;*/
    display: inline-block;
    vertical-align: bottom;
    margin-right: 2px;
    /*    background-image: url(../../images/SpriteSheet/teknowmics_images_spritesheet.png);
    background-position: 0px -65px;*/
}
.more-icon{
    width: 20px;
    height: 20px;
    background: url(../../images/arrow-gray-down.png) top left no-repeat;
    display: inline-block;
    vertical-align: bottom;
}
.text_box{
    float: left;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 2px 0px;
    cursor: pointer;
}
#primary-search{
    width: 100%;
    height: 30px;
    margin: 4px 0px;
    background-image: url(../../images/ic_search.png);
    background-repeat: no-repeat;
    text-indent: 6px;
    background-position: 2px 3px;
    padding: 0px 26px;
    /*    background-image: url(../../images/SpriteSheet/image_root_images_spritesheet.png);
    background-position: -2374px -1174px;*/
}
/*#folder_search{
width: 97%;
height: 30px;
margin: 5px;
background-image: url(../../images/ic_search.png);
background-repeat: no-repeat;
text-indent: 15px;	
}*/
.nav_action{
    float: right;
    margin:7px 11px !important;
    opacity: 0.8 ;
    cursor: pointer;
    line-height:26px;
    background: none !important ;
}
.nav_action:hover{
    opacity: 1;
}
.refresh-blue .k-i-arrow-s{
    display: none;
} 
#nav_action_sort{
    float: right;
    margin-left: 2px;
}
.content_wrapper {
    padding: 5px 0px;
}
.side_menu_wrapper{
    clear: both;
    width: 40px;
    height: calc(100vh - 98px);
    border: solid 0px #ccc;
    background-color: #0088cc;
    border-radius: 3px;
    margin-left: 2px;
}
.side_menu_item{
    position: relative;
    width: 35px;
    height: 35px;
    float: right;
    margin-top: 5px;
    margin-bottom: 5px;
    border: solid 0px #ccc;
    background-position: center;
    background-repeat: no-repeat;
    padding: 8px 0px 0px 8px;
    color: #ccc;
    cursor: pointer;
}
.side_menu_item:hover{
    background-color: rgba(0, 0, 0, 0.17) !important;
}
.side_menu_wrapper .menu_active{
    background-color: rgba(0, 0, 0, 0.3) !important;
    color: #78AED2;
}
.side_menu_icon{
    float: left;
    font-size: 20px;
    color1: #78AED2;
}
.file_details
{
    height: calc(70vh - 100px);
}
.tab_wrap .tab_container{
    height: calc(66vh - 98px);
    overflow-y: auto;
    overflow-x: hidden;
    clear: both;
    margin-top: 5px;
}
.side_menu_icon:hover{
    color1: #4CAF50;
}
#menu_home1{
    background-image: url(../../images/ic_home.png);
}
#menu_file1{
    background-image: url(../../images/ic_file.png);
}
#menu_member1{
    background-image: url(../../images/ic_member.png);
}
#menu_category1{
    background-image: url(../../images/ic_category.png);
}
#menu_favourite1{
    background-image: url(../../images/ic_favourite.png);
}
#menu_email1{
    background-image: url(../../images/ic_email.png);
}
.no_padding{
    padding-left: 0;
    padding-right: 0;
}
.main_content{
    width: calc(100vw - 45px);
    position: relative;
    margin: 0px;
    float: left;
    border-radius: 3px;
}
.main_content_app{
    width: calc(100vw - 4px);
    position: relative;
    margin: 0px;
    float: left;
    border-radius: 3px;
}
.content_section{
    height: calc(100vh - 95px);
    border: solid 1px #ccc;
    background-color: white;
    border-radius: 4px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    clear: both;
    margin-left: 4px;
}
#files_wrapper{
    z-index: 0;
}
#file_view_wrapper{
    padding-left: 0px;
}
#folder_wrapper{
    padding-left: 2px;
}
#msg_list_wrapper{
    padding-left: 0px;
}
#msg_wrapper{
    padding-left: 0px;
}
#info_wrapper{
    display: none;
    padding-left: 5px;
}
.folder_search{
    width: 97%;
    height: 30px;
    margin: 5px;
    background-image: url(../../images/ic_search.png);
    background-repeat: no-repeat;
    text-indent: 25px;
    background-position: 0px 3px;
    cursor: default;
    padding-top: 4px;
}
.folder_list{
    float: left;
    width: 100%;
}
.folder_list .list-group-item{
    margin-bottom: 0px;
    border: 0px;
    border-bottom: 1px solid #ddd;
    padding-left: 15px;
}
.folder_list .list-group-item{
    margin-bottom: 0px;
    border: 0px;
    border-bottom: 1px solid #ddd;
    /*padding-left: 25px;*/
}
.folder_list .list-group-item-selected {
    background: #f4f5f6;
}
.file_list .list-group-item{
    margin-bottom: 0px;
    border: 0px;
    border-bottom: 1px solid #ddd;
    padding-left: 17px;
}
.file_list .file_list_item {
    margin-bottom: 0px;
    border: 0px;
    border-bottom: 1px solid #ddd;
    padding-left: 17px;
    min-height: 50px;
    padding: 5px 0px 0px 17px;
}
.folder_item{
    padding-left: 35px !important;
}
.file_icon{
    width: 25px;
    height: 25px;
    float: left;
    border: 0px solid red;
    margin-right: 10px;
}
.icon_project_root_folder{
    background: url(../../images/ic_project_root.png) no-repeat;
}
.icon_folder{
    background: url(../../images/ic_folder.png) no-repeat;
}
.icon_lock_folder{
    background: url(../../images/ic_lock_folder.png) no-repeat;
}
.icon_file_doc{
    background: url(../../images/ic_file_doc.png) no-repeat;
}
.icon_file_cad{
    background: url(../../images/ic_file_cad.png) no-repeat;
}
.icon_file_image{
    background: url(../../images/ic_file_image.png) no-repeat;
}
.icon_file_pdf{
    background: url(../../images/ic_file_pdf.png) no-repeat;
}
.icon_file_xls{
    background: url(../../images/ic_file_xls.png) no-repeat;
}
.icon_file_ppt{
    background: url(../../images/ic_file_ppt.png) no-repeat;
}
.icon_message_sent{
    background: url(../../images/ic_message_sent.png) no-repeat;
}
.icon_alert{
    background: url(../../images/warning_blue.png) no-repeat;
    background-size: 20px;
}
.icon_theme{
    background: url(../../images/ic_theme.png) no-repeat;
    background-size: 20px;
}
.icon_message_receive{
    background: url(../../images/ic_message_receive.png) no-repeat;
}
.file_list{
    float: left;
    width: 100%;
}
.checkbox{
    float: left;
    margin-right: 10px !important;
}
.select_all_wrapper{
    width: 20px;
    height: 20px;
    float: left;
}
.checkbox{
    float: left;
    margin-right: 10px !important;
}
.pullout_menu{
    display: none;
    max-width: 365px;
    position: absolute;
    top: 50px;
    left: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px 0px 5px 10px;
    z-index: 1003;
    background-color: white;
    text-align: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    overflow-y: auto;
    height: 90vh;
}
.pullout_menu_item{
    position: relative;
    width: 100px;
    height: 100px;
    float: left;
    border: 0px solid red;
    border-radius: 2px;
    margin: 0px 10px 10px 0px;
    cursor: pointer;
}
.pullout_menu_title{
    position: absolute;
    width: 100%;
    bottom: 0;
    margin: auto;
    color: white;
}
.pullout_menu_image{
    margin-top: 20px;
}
.pullout_menu_item:hover{
    opacity: 0.5;
}
.menu_messages{
    background-color: #E91E63; /*Pink */
}
.menu_backup{
    background-color: #9C27B0; /*Purple */
}
.menu_myfile{
    background-color: #3F51B5; /*Indigo */
}
.menu_department{
    background-color: #009688; /*Teal */
}
.menu_project{
    background-color: #CDDC39; /*Lime */
}
.menu_partner_space{
    background-color: #FF9800; /*Orange */
}
.menu_share_space{
    background-color: #795548; /*Brown */
}
.menu_reminder{
    background-color: #2196F3; /*Blue */
}
.menu_tools{
    background-color: #F321C8;/*Rose */
}
.menu_workflow{
    background-color: #FFC107; /*Amber */
}
.menu_locker{
    background-color: #689F38; /*Green */
}
.menu_report{
    background-color: #a94442;/*Gray */
}
.menu_dist_center{
    background-color: #E91E63; /*Pink */
}
.menu_contacts{
    background-color: #CDDC39; /*Lime - 500 */
}
.menu_distribution{
    background-color: #00D9FF !important; /*Brown */
}
.menu_workflow64{
    background-color: #4A148C; /*Amber */
}
.app_list_item_inner.menu_chat,.pullout_menu_item.menu_chat{
    background-color: #0BBEAD !important;  /* // #009688; Teal */
}
.user_settings_menu{
    display: none;
    width: 340px;
    position: absolute;
    top: 50px;
    /*    border: 1px solid #ccc;*/
    border-radius: 3px;
    z-index: 100010;
    right: 5px;
    background-color: white;
    box-shadow:0 2px 60px 0 rgba(0, 0, 0, 0.07), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.my_notifications_menu{
    display: none;
    width: 375px;
    position: absolute;
    top: 50px;
    border: 1px solid #ccc;
    border-radius: 3px;
    z-index: 1200;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.my_messages_menu{
    display: none;
    width: 375px;
    position: absolute;
    top: 50px;
    border: 1px solid #ccc;
    border-radius: 3px;
    z-index: 1200;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.us_menu_item{
    min-width: 100%;
    min-height: 50px;
    float: left;
    border-bottom:1px solid #EAEAEA;
    padding: 5px;
    cursor: pointer;
    padding-left:30px;
}
.menu_action_item{
    color: #2C3E50;
}
.menu_action_item:hover{
    color: #7b7b7b;
}
#us_menu_logout{
    background-color: #eee;
}
#us_user_image{
    width: 80px;
    height: 80px;
    overflow: hidden;
    padding: 0;
    margin: 5px;
    float: left;
}
#us_user_details{
    width: 185px;
    padding: 0;
    margin: 5px;
    padding-top: 12px;
    float: left;
}
#us_user_name{
    font-weight: bold;
}
#us_user_email{
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
}
#us_user_image_icon{
    max-width: 100%;
    min-height: 100%;
    background-color: white;
}
#us_user_login_info{
    clear: both;
    color: blue;
    width: 75%;
    float: left;
    white-space: nowrap;
}
#us_user_logout{
    position: relative;
    top: -4px;
    float: left;
    background-color: #4CAF50;
    border: 1px solid #388E3C;
    border-radius: 3px;
    padding: 2px 12px;
    cursor: pointer;
}
#us_user_logout:hover{
    color: white;
}
.us_menu_title{
    padding: 10px;
    /* font-weight: bold; */
    float: left;
}
.us_menu_icon{
    float: left;
    margin-top: 12px;
    margin-left: 5px;
    font-size: 15px;
}
.mn_menu_item{
    width: 100%;
    min-height: 50px;
    float: left;
    /*    border-bottom: 1px solid #ccc;*/
    padding: 5px;
    cursor: pointer;
}
.mm_menu_item{
    width: 100%;
    min-height: 50px;
    float: left;
    border-bottom: 1px solid #ccc;
    padding: 5px;
}
.user_image_menu{
    width: 40px;
    height: 40px;
    overflow: hidden;
    padding: 0;
    margin: 5px;
    float: left;
}
.mn_image_menu{
    width: 25px;
    height: 25px;
    overflow: hidden;
    padding: 0;
    margin: 5px;
    float: left;
    background-color: #E91E63;
}
.msg_show_more{
    text-align: center;
    background-color: #f1f1f1;
    padding-top: 15px;
    cursor: pointer;
}
.msg_show_more:hover{
    font-weight: bold;
}
.header-section .msg_info{
    width: 300px;
    padding: 0;
    margin: 5px;
    float: left;
    font-size: 12px;
}
.header-section .msg_header{
    position: relative;
    overflow: auto;
    border: none;
    height: 20px;
}
.header-section .msg_user_name{
    font-weight: bold;
    float: left;
}
.header-section .msg_date{
    position: absolute;
    right: 0;
    color: blue;
}
.header-section .msg_details{
    float: left;
}
.app_list{
    left: 30px;
    border: 0px solid #ccc;
    border-radius: 3px;
    padding: 10px 0px 5px 0px;
    background-color: white;
    text-align: center;
    /* margin-top: 100px; */
}
.welcome_banner{
    height: 60px;
    margin-top: 10px;
    text-align: center;
}
#welcome_msg{
    font-size: 27px;
    color: #b9b9b9;
}
#last_login_info{
    display: block;
    position: absolute;
    width: 100%;
    font-size: 16px;
    color: blue;
    bottom: 0;
}
#last_login_info_box{
    display: none;
    position: absolute;
    width: 300px;
    height: 60px;
    font-size: 16px;
    color: blue;
    bottom: 5px;
    right: 20px;
    border: solid 1px #0277BD;
    border-radius: 4px;
    background-color: #80D8FF;
    padding: 10px;
}
.app_list_item{
    position: relative;
    width: 115px;
    height: 110px;
    float: left;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin: 0px 10px 10px 0px;
    cursor: pointer;
    padding: 5px;
}
.app_list_item_inner{
    width: 100%;
    height: 100%;
}
.app_list_title{
    position: absolute;
    width: 100%;
    bottom: 5px;
    margin: auto;
    left: 0;
    color: #fff;
    line-height: 14px;
    font-size: 13px !important;
    padding: 1px 8px;
}
.app_list_image{
    margin-top: 20px;
}
.app_list_item:hover{
    opacity: 0.5;
}
.list_header{
    background-color: #0088cc;
}
.list_header label {
    margin-bottom: 0;
}
.folder_nav_icon{
    float: left;
    font-size: 20px;
    margin: 5px;
    margin-top: -4px;
    color: #78AED2;
    cursor: pointer;
    visibility: hidden;
}
.folder_nav_icon:hover{
    color: #4CAF50;
}
/* Theme style - start */
#theme_wrapper{
    padding: 10px 0px 5px 10px;
    text-align: center;
}
.theme_menu{
    display: none;
    width: 462px;
    position: absolute;
    top: 200px;
    left: calc(100vw/2 - 230px);
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px 0px 5px 10px;
    z-index: 10;
    background-color: white;
    text-align: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.theme_menu_item{
    position: relative;
    width: 100px;
    height: 75px;
    float: left;
    border: 0px solid red;
    border-radius: 2px;
    margin: 0px 10px 10px 0px;
    cursor: pointer;
    font-size: 12px;
}
.theme_menu_title{
    position: absolute;
    width: 100%;
    bottom: 0;
    margin: auto;
    color: white;
}
.theme_menu_item:hover{
    opacity: 0.5;
}
.theme_demo{
    margin-top: 25px;
    text-align: center;
}
.theme_demo_bar{
    margin-top: 10px;
    height: 40px;
}
.theme_demo_header{
    width: 200px;
    height: 20px;
}
.theme_demo_side_menu{
    width: 20px;
    float: left;
    height: 150px;
}
.theme_demo_group_list{
    width: 70%;
    height: 10px;
    float: left;
}
.theme_demo_list_header{
    width: 70%;
    height: 10px;
    float: left;
}
#theme_red{
    background-color: #F44336;
}
#theme_pink{
    background-color: #E91E63;
}
#theme_purple{
    background-color: #9C27B0;
}
#theme_deep_purple{
    background-color: #673AB7;
}
#theme_indigo{
    background-color: #3F51B5;
}
#theme_blue{
    background-color: #2196F3;
}
#theme_light_blue{
    background-color: #03A9F4;
}
#theme_teal{
    background-color: #009688;
}
#theme_green{
    background-color: #4CAF50;
}
#theme_light_green{
    background-color: #8BC34A;
}
#theme_lime{
    background-color: #CDDC39;
}
#theme_yellow{
    background-color: #FFEB3B;
}
#theme_amber{
    background-color: #FFC107;
}
#theme_orange{
    background-color: #FF9800;
}
#theme_brown{
    background-color: #795548;
}
#theme_grey{
    background-color: #9E9E9E;
}
#theme_blue_grey {
    background-color: #607D8B;
}
#theme_level{
    background-color: #3b3a36;
}
#theme_relax{
    background-color: #7d4627;
}
#theme_dream{
    background-color: #89bdd3;
}
#theme_creative{
    background-color: #e62739;
}
#theme_landscape {
    background-color: #173e43;
}
#theme_earth {
    background-color: #22264b;
}
#theme_layer {
    background-color: #312c32;
}
#theme_beach {
    background-color: #aa863a;
}
#theme_default{
    background-color:#424242;
}
/* Theme style - end */
/* Annotation style */
.doc_image {
    max-width: 100%;
    border: 1px solid #ccc;
}
#canvas_container {
    position: absolute;
    top: 0;
    width: 100%;
}
.tools_wrapper{
    clear: both;
    width: 40px;
    height: calc(100vh - 100px);
    border: solid 1px #ccc;
    margin: 0px 0px 0px 1px;
    border-radius: 3px;
}
.tool_item{
    text-align: center;
    position: relative;
    width: 30px;
    height: 30px;
    margin: 5px 0px 4px 4px;
    padding: 2px 2px 2px 2px;
    border: solid 0px #ccc;
    /*background-position: center;*/
    background-repeat: no-repeat;
    border-radius: 3px;
    transform: scale(0.8);
}
.tool_item:hover{
    background-color: rgb(191, 191, 241);
    cursor: pointer; width: 30px;
    height: 30px;
}
.tool_active{
    background-color: #4CAF50 !important;
}
.tool:hover , .tool_stamp:hover, .tool_color:hover, .tool_command:hover{
    border-color: blue;
}
.tool_selected{
    border: solid 1px #00FF00;
}
/* Tool icon */
/*#tool_pan{
background-image: url(../../images/ic_tool_pan.png);
}*/
/*#tool_highlight {
background-image : url(../../images/ic_tool_highlight.png); 
}*/
/*#tool_pen {
background-image : url(../../images/ic_tool_pen.png);
}*/
/*#tool_rectangle {
background-image : url(../../images/ic_tool_rectangle.png);
}*/
/*#tool_circle {
background-image : url(../../images/ic_tool_circle.png);
}*/
/*#tool_filled_rectangle {
background-image : url(../../images/ic_tool_filled_rectangle.png);
}*/
/*#tool_filled_circle {
background-image : url(../../images/ic_tool_filled_circle.png);
}*/
/*#tool_line {
background-image : url(../../images/ic_tool_line.png);
}*/
/*#tool_arrow {
background-image : url(../../images/ic_tool_arrow.png);
}*/
/*#tool_stamp {
background-image : url(../../images/ic_tool_stamp.png);
}*/
#tool_comment {
    background-image : url(../../images/ic_tool_comment.png);
}
/*#tool_text {
background-image : url(../../images/ic_tool_text.png);
}*/
/*#tool_photo {
background-image : url(../../images/ic_tool_photo.png);
}*/
#canvas_container circle.handle.center:hover{
    cursor: move;
}
#canvas_container rect.handle.bbox.corner.index-1.axis-x:hover,rect.handle.bbox.corner.index-3.axis-x:hover{
    cursor: nesw-resize;
}
#canvas_container rect.handle.bbox.corner.index-0.axis-y:hover,rect.handle.bbox.corner.index-2.axis-y:hover{
    cursor: nwse-resize;
}
#canvas_container rect.handle.bbox.side.index-0.axis-y:hover,rect.handle.bbox.side.index-2.axis-y:hover{
    cursor: row-resize;
}
#canvas_container rect.handle.bbox.side.index-1.axis-x:hover,rect.handle.bbox.side.index-3.axis-x:hover{
    cursor: col-resize;
}
#canvas_container rect:hover,circle:hover,path:hover,image:hover{
    cursor: pointer;
}
/* Message style */
.msg_subject_section{
    height: 40px;
    padding-top: 8px;
    border-bottom: 1px solid #ddd;
}
.msg_body_section{
    min-height: 74px;
    padding-top: 5px;
    border-bottom: 1px solid #ddd;
}
.msg_attachments_section{
    min-height: 100px;
    border-bottom: 1px solid #ddd;
}
.msg_reply_section{
    min-height: 80px;
    padding-top: 5px;
    border-bottom: 1px solid #ddd;
}
.msg_comments_section{
    min-height: 100px;
    border-bottom: 1px solid #ddd;
}
.msg_back{
    width: 50px;
    height: 20px;
    margin: 1px 10px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #eee;
    padding: 0px;
    float: left;
    cursor: pointer;
    font-size: 18px;
}
.msg_back:hover{
    color: #4CAF50;
}
.msg_sub_data{
    float: left;
}
.msg_sub_date{
    color: blue;
    text-align: center;
    padding: 0px;
}
.msg_user{
    width: 40px;
    height: 40px;
    margin: 0px 10px;
    color: #ccc;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #eee;
    padding: 2px;
    float: left;
    overflow: hidden;
}
.user_img{
    max-width: 100%;
}
.msg_body{
    float: left;
    width: calc(100% - 70px);
}
.msg_sender_info{
    font-weight: bold;
}
.msg_to_info{
    font-size: 13px;
    color: #999;
    float: left;
}
.msg_body_data{
    width: 100%;
    float: left;
    /* white-space: pre-wrap; */
    margin-top: 10px;
}
.msg_body_image{
    width: 100%;
}
.msg_attachments_header{
    /* height:20px; */
    /* background-color: #ccc; */
}
.msg_attachment{
    position: relative;
    width: 150px;
    height: 120px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 15px;
    float: left;
    cursor: pointer;
    overflow: hidden;
}
.attachment_img{
    max-width: 100%;
}
.attachment_img_workflow{
    margin-top:22px; 
    width: 25%;
}
.msg_reply_box{
    width: calc(100% - 70px);
    min-height: 65px;
    float: left;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #eee;
}
.msg_comment{
    margin: 10px 0px;
}
.msg_comment_data{
    float: left;
    white-space: pre-wrap;
    margin-top: 5px;
    word-break:break-all;
}
.preview_content_wrapper{
    margin: 0;
    overflow: auto;
    height: 100%;
}
#file_preview{
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.9);
}
.preview_header{
    height: 40px;
    background: black;
    border-bottom: 1px solid #999;
}
#file_name{
    margin: 10px;
    color: white;
}
.preview_control{
    height: 30px;
    width: 30px;
    float: right;
    color: white;
    margin: 5px;
    text-align: center;
    opacity: .7;
    padding: 6px;
}
.preview_control:hover{
    opacity: 1;
}
.preview_content{
    margin-top: 5px;
}
#preview_image{
    display: block;
    margin: 0 auto;
    max-width: 100%;
    background: white;
}
/* Messages style */
.messages_list_item{
    padding-top: 0px;
    padding-bottom: 0px;
}
.message_list_checkBox{
    margin-top: 18px !important;
}
.message_list_sender{
    margin-top: 15px;
}
.message_list_date{
    margin-top: 15px;
}
.message_list_sub{
    margin-top: 5px;
}
.message_not_read{
    font-weight: bold;
}
.message_read{
    font-weight: normal;
}
.message_list_msg{
    color: #999;
}
.thumbnail-view-overlay {
    position: absolute;
    width: 100%;
    height: 130px;
    border-top: solid 1px #ccc;
    border-radius: 0;
    top: 90px;
    background-color: #eee;
    color: #777;
    opacity: 1;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
.thumbnail-view-overlay:hover {
    top: 0;
    border: 0;
}
.thumbnail-file-name {
    margin: 5px;
    margin-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.thumbnail-file-size {
    margin: 5px;
    margin-left: 10px;
    color: #aaa;
    font-weight: 400;
}
.action-wrap {
    overflow: auto;
    position: absolute;
    bottom: 20px;
    left: 8px;
    transform: translate(16%, 0);
    margin: 0 auto;
}
.action-button {
    width: 25px;
    height: 25px;
    border-radius: 2px;
    float: left;
    margin: 5px;
    cursor: pointer;
    opacity: .7;
}
.action-button:hover {
    opacity: 1;
}
.action-preview {
    background: #777 url("../../images/ic_thumbnail_preview.png") center no-repeat;
}
.action-download {
    background: #777 url("../../images/ic_thumbnail_download.png") center no-repeat;
}
.action-copy {
    background: #777 url("../../images/assets_user/ic_copy.png") center no-repeat;
}
.action-button-bg{
    background-color:  #777;
    width: 22px;
}
/* File list style */
.file_list_info{
    /*    color: #999;
    font-size: 12px;*/
}
.file_list_name{
    font-weight: bold;
}
.file_list_item{
    padding-top: 5px;
    padding-bottom: 5px;
}
.file_list_icon{
    width: 25px;
    height: 25px;
    float: left;
    margin-top: 5px;
    margin-right: 10px;
}
.file_status{
    font-size: 16px;
    color: #78AED2;
}
.file_list_action_icon{
    width: 25px;
    height: 25px;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}
.icon_share{
    background: url(../../images/ic_list_share.png) no-repeat;
}
.icon_favourite{
    background: url(../../images/ic_list_star.png) no-repeat;
}
.icon_link{
    background: url(../../images/ic_list_link.png) no-repeat;
}
.icon_view{
    background: url(../../images/ic_list_preview.png) no-repeat;
}
.tooltip-inner {
    font-size: 15px;
}
/* File details section style */
.file_details_header_section{
    /* height: 40px; */
    /* padding-top: 5px; */
    border-bottom: 1px solid #E6EEF5;
    /* padding-bottom: 2px; */
    background-color: #F2F5F7;
}
.file_details_header .breadcrumb{
    background: none !important;
    font-size: 16px;
}
.file_details_header
{
    padding: 5px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.file_details_thumbnail_section{
    position: relative;
    min-height: 140px;
    /*border-bottom: 1px solid #ddd;*/
}
.file_details_info_section{
    min-height: calc(100% - 181px);
    border-bottom: 1px solid #ddd;
}
.file_back{
    width: 40px;
    height: 20px;
    margin: 0px 10px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #eee;
    padding: 2px;
    float: left;
    cursor: pointer;
}
.file_back:hover{
    color: #4CAF50;
}
.back_btn{
    width: 40px;
    height: 25px;
    margin: 0px 10px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #eee;
    padding: 2px;
    float: left;
    cursor: pointer;
    font-size: 18px;
}
.back_btn:hover{
    color: #4CAF50;
}
.file_details_preview{
    display: block;
    position: relative;
    margin: 10px auto;
    width: 150px;
    height: 120px;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
}
.file_details_tab{
    height: 35px;
    background-color: #eee;
    padding-top: 5px;
}
.file_details_tab_item {
    padding-top: 6px;
    height: 100%;
    cursor: pointer;
}
.file_details_tab_item:hover {
    background-color: white;
    font-weight: 400;
}
.file_details_tab_active,.file_details_tab_active:hover{
    background-color: white;
    font-weight: bold;
}
.command_section{
    position: absolute;
    float: right;
    width: 40px;
    margin: 20px 10px;
    top: 0;
}
.file_details_cmd{
    width: 35px;
    height: 35px;
    margin: 10px;
    background-color: #eee;
    cursor: pointer;
}
.action_annotation{
    width: 30px;
    height: 30px;
    background-color: #eee;
    border-radius: 3px;
    float: right;
    margin: 4px 4px 0px 0px;
    cursor: pointer;
}
#an_onoff{
    position: relative;
    width: 50px;
    height: 23px;
    background-color: #eee;
    border-radius: 3px;
    float: right;
    margin: 0px 5px;
    overflow: hidden;
    border: 1px solid #ccc;
}
#an_onoff_wrapper{
    width: 75px;
    height: 23px;
}
.an_onoff_element{
    width: 25px;
    height: 23px;
    background-color: white;
    float: left;
    color: white;
    font-size: 10px;
    text-align: center;
    padding-top: 3px;
}
#an_on{
    background-color: green;
}
#an_off{
    background-color: red;
}
.action_zoom{
    background-color: white;
    width: 160px;
}
#an_comments_header{
    height: 20px;
    text-align: center;
    background-color: #eee;
}
/*.an_comments{
min-height: 100px;
border: 1px solid #ccc;
border-radius: 3px;
}*/
#an_undo {
    /*    background: url("../../images/ic_undo.png") center no-repeat;
    background-size: 20px;*/
    background-color: inherit;
}
#an_redo {
    /*    background: url("../../images/ic_redo.png") center no-repeat;
    background-size: 20px;*/
    background-color: inherit;
}
#an_clear {
    background: url("../../images/ic_clear.png") center no-repeat;
    background-size: 20px;
}
#an_delete {
    line-height: 1.3;
    background-color: transparent;
}
#an_action_refresh {
    line-height: 1;
    background-color: transparent;
}
.action_zoom{
    padding-top: 5px;
}
.file_preview_icon{
    background: url(../../images/ic_file_preview.png) no-repeat;
}
.file_annotate_icon{
    background: url(../../images/ic_file_annotate.png) no-repeat;
}
.nodisplay{
    display: none !important;
}
/* Kendo related */
.k-widget{
    /* border-width: 0px; */
    /* border-radius: 6px; */
    /*    overflow: hidden;*/
}
.k-grid p {
    margin: 0;
    margin-bottom: 5px;
}
.k-grid table {
    border-collapse: collapse;
    width: 100% !important;
    background-color: white;
}
#myworkflow_main_wrapper .k-widget:not(.k-multiselect){
    border:none  !important;
}
.k-grid tr.empty_row {
    border-bottom: 0px solid #eee;
}
tr.k-alt {
    background: transparent ;
}
/* userstyles line# 1734 */
.k-grid table td i {
    /* width: 25px; */
    /* height: 25px; */
    /* float: left; */
    /* margin-right: 10px; */
    /* position: relative; */
}
/* userstyles line# 1743 */
td .main_cont .thumb {
    margin-top: 7px;
    margin-right: 10px;
    float: left;
    position: relative;
    width:24px;
    height: 24px;
}
.k-grid td .main_cont{
    white-space: normal;
    word-wrap: normal;
    line-height:18px;
    word-break: break-word;
}
/*.icon-folder-normal{
icon-ic_normal_b_folder
background-image: url(../../images/SpriteSheet/teknowmics_images_spritesheet.png);
background-position: -74px -40px;
background: url(../../images/assets_user/ic_normal_b_folder.png) no-repeat;
}*/
/*.icon-folder-image{
icon-ic_image_b_folder
background-image: url(../../images/SpriteSheet/teknowmics_images_spritesheet.png);
background-position: -49px -40px;
background: url(../../images/assets_user/ic_image_b_folder.png) no-repeat;
}*/
.icon-folder-security{background: url(../../images/ic_lock_folder.png) no-repeat;}
.icon-folder-distribution{background: url(../../images/assets_user/ic_distribute_folder.png) no-repeat;}
.icon-folder-reminder{background: url(../../images/assets_user/ic_reminder_folder.png) no-repeat;}
.icon-folder-backup{background: url(../../images/assets_user/ic_backup_folder.png) no-repeat;}
/*i.icon-ppt,.thumb.icon-ppt{
background: url(../../images/assets_user/ic_file_ppt.png) no-repeat;
}*/
/*i.icon-pdf,.thumb.icon-pdf{
background: url(../../images/assets_user/ic_file_pdf.png) no-repeat;
}*/
/*i.icon-doc,.thumb.icon-doc{
background: url(../../images/assets_user/ic_file_doc.png) no-repeat;
}*/
/*i.icon-generic,.thumb.icon-generic-file{
background: url(../../images/assets_user/ic_file_other.png) no-repeat;
}*/
/*i.icon-xls,.thumb.icon-xls{
background: url(../../images/assets_user/ic_file_excel.png) no-repeat;
}*/
/*i.icon-image,.thumb.icon-image{
background: url(../../images/assets_user/ic_file_image.png) no-repeat;
}*/i
/*.icon-cad,.thumb.icon-cad{
background: url(../../images/assets_user/ic_file_cad.png) no-repeat;
}*/
/*i.icon-note,.thumb.icon-note{
background: url(../../images/assets_user/ic_file_note.png) no-repeat;
}*/
i.icon-file{
    background: url(../../images/icon-file-small.png) no-repeat;
}
/* Branch space */
#branchTab{
    overflow: auto;
}
/* Project list */
.project_info{
    font-size: 13px;
}
/* Myfiles */
.file_size{
    color:#999999;
    margin-left: 10px;
    font-size: 13px;
}
/* Messages */
.msg_more {
    width: 17px;
    height: 14px;
    font-size: 12px;
    margin: 1px 10px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #eee;
    padding: 0px;
    float: left;
    cursor: pointer;
}
/* Filters */
.filter_section
{
    height: auto;
    clear: both;
    min-height: 50px;
}
.filter_section .filter_close_btn{font-size: 15px;color: #F44336;padding: 5px 0px;}
.filter_section checkbox{
    margin-left: -20px;
    margin: 4px 0 0;
}
.filter_section .checkbox
{
    margin-top: 5px;
}
.filter_section .checkbox label
{
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}
.filter_section .datefield {
    /* padding: 0px !important; */
}
.filter_section textfield
{
    height: 30px;
    padding: 0px 0px 0px 5px;
}
.filter_section input[type="checkbox"]  {
    height: 15px;
}
.filter_section input[name="filter_rangefrom_date"],.filter_section input[name="filter_rangeto_date"],
.filter_section input[name="filter_date"]  {
    text-indent: 10px;
}
.filter_section select {
    height: 30px;
}
.filter_section .filter_endities {
    margin-bottom: 2px;
    margin-top: 5px;
}
.filter_section .filter_endity .k-i-clock
{
    display: none !important;
}
.filter_selectbox_container
{
    /*    text-align: right;*/
    /*    margin-top: 15px;
    position: absolute;
    right: 0px;*/
}
.reporttype_container
{
    padding: 5px;
}
.report_inactive
{
}
.report_result_section
{
    margin: 0px;
    clear: both;
    min-height: 300px;
    border-top: solid 1px #ccc;
}
.checkbox_col
{
    padding-left: 10px;
}
.report_slidedown_button
{
    padding: 2px;
    border: 1px solid #ccc;
    width: 25px;
    display:block;
    width:40px;
    height:40px;
    line-height:35px;
    border: 2px solid #60D2BA;
    border-radius: 50%;
    color:#f5f5f5;
    text-align:center;
    text-decoration:none;
    background: #1AB394;
    box-shadow: 0 0 3px #019B7B;
    font-size:20px;
    font-weight:bold;
    cursor: pointer;
}
.m-top-5x
{
    margin-top: 5px;
}
.report_slidedown_button:hover
{
    background-color: #1F806C;
}
.report_title
{
    margin: 10px 0px 0px 0px;
}
.report_fieldlabel
{
    padding-top: 5px;
    text-transform:capitalize;
}
.report_description
{
    color: #6394A7;
    font-size: 14px;
}
div[id^="canvas_container"] circle.handle.center:hover{
    cursor: move;
}
div[id^="canvas_container"] rect.handle.bbox.corner.index-1.axis-x:hover,rect.handle.bbox.corner.index-3.axis-x:hover{
    cursor: nesw-resize;
}
div[id^="canvas_container"] rect.handle.bbox.corner.index-0.axis-y:hover,rect.handle.bbox.corner.index-2.axis-y:hover{
    cursor: nwse-resize;
}
div[id^="canvas_container"] rect.handle.bbox.side.index-0.axis-y:hover,rect.handle.bbox.side.index-2.axis-y:hover{
    cursor: row-resize;
}
div[id^="canvas_container"] rect.handle.bbox.side.index-1.axis-x:hover,rect.handle.bbox.side.index-3.axis-x:hover{
    cursor: col-resize;
}
div[id^="canvas_container"] rect:hover,circle:hover,path:hover,image:hover{
    cursor: pointer;
    pointer-events: visibleStroke;
    fill: none;
    stroke: #96D2FF;
    stroke-width: 1.75px;
}
.commentsClass {
    font-size: 10px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    cursor: pointer;
}
#dynamicCommnetsdiv {
    cursor: pointer;
}
.checkComments {
    position: absolute;
    top: 3px;
    right: 0;
    font-size: 9px;
    background-color: antiquewhite;
    padding: 3px 4px;
}
div[id^="parent_doc_image_"]{
    position: relative;
    text-align: center;
}
div[id^="parent_doc_image_"] img{
    border: 3px dashed rgba(105, 99, 99, 0.31);
}
img[id^="doc_image_"]{
    position: relative;
}
#annotation_content_section{
    padding: 25px;
}
div[id^="canvas_container"]{
    position: absolute;
    top:0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.canvas-border{
    border: 3px dashed rgba(105, 99, 99, 0.31);
}
/*Fill color palette*/
/*#tool_color_1 {
background-color: #FFFFFF;
}
#tool_color_2 {
background-color: #000000;
}
#tool_color_3 {
background-color: #C0C0C0;
}
#tool_color_4 {
background-color: #008000;
}
#tool_color_5 {
background-color: #FE0000;
}
#tool_color_6 {
background-color: #FF7518;
}
#tool_color_7 {
background-color: #FFFF00;
}
#tool_color_8 {
background-color: #0000FF;
}
#tool_color_9 {
background-color: #808000;
}
#tool_color_10 {
background-color: #808080;
}
#tool_color_11 {
background-color: #FF00FF;
}
#tool_color_12 {
background-color: #800080;
}
#tool_color_13 {
background-color: #800000;
}
#tool_color_14 {
background-color: #00FF21;
}
#tool_color_15 {
background-color: #FFD800;
}
#tool_color_16 {
background-color: #000080;
}
#tool_color_17 {
background-color: #008080;
}
#tool_color_18 {
background-color: #00FFFF;
}
#tool_color_19 {
background-color: #D2B48C;
}
#tool_color_20 {
background-color: #F5F5DC;
}
#tool_color_21 {
background-color: #73C2FB;
}
#tool_color_22 {
background-color: #98FB98;
}
#tool_color_23 {
background-color: #DCD0FF;
}
#tool_color_24 {
background-color: #006666;
}
#tool_color_25 {
background-color: #CC3333;
}
#tool_color_26 {
background-color: #009900;
}
#tool_color_27 {
background-color: #FF6633;
}*/
.tools_section {position: relative; width: 20%; height: calc(100vh - 52px); border: 1px solid #ccc; float: left; background-color: #fdfdfd;}
/*.tools_wrapper {position: relative; border: 0px solid black; margin: 10px; overflow: auto;}*/
.tool_heading {position: relative; border: 0px solid black; margin-left: 5px; border-bottom: 0px solid #ccc;}
.tools {position: relative; border: 1px solid #ccc; overflow: auto; padding: 0px 0px 5px 5px;}
.tool {position: relative; width: 30px; height: 30px; border: 1px solid #ddd; margin: 5px 10px 0px 0px; float: left; cursor:pointer;}
.tool_color {position: relative; width: 20px; height: 20px; border: 1px solid #bbb; margin: 5px 5px 0px 0px; float: left; cursor:pointer;}
.tool_stamp {position: relative; width: 50px; height: 50px; border: 1px solid #fff; margin: 5px 5px 0px 0px; float: left; cursor:pointer;}
.tool_command {position: relative; width: 30px; height: 30px; border: 1px solid #ddd; margin: 5px 10px 0px 0px; float: left; cursor:pointer;}
.color_panel{
    display: none;
    position: absolute;
    z-index: 10;
    width: 182px;
    border: 1px solid #ccc;
    overflow: auto;
    padding: 0px 0px 5px 5px;
    background: white;
    border-radius: 3px;
}
.stamp_panel,.line_panel,.width_panel{
    display: none;
    position: absolute;
    z-index: 10;
    width: 182px;
    border: 1px solid #ccc;
    overflow: auto;
    padding: 0px 0px 5px 5px;
    background: white;
    border-radius: 3px;
}
.stamp_image,.line_image {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
}
.tool_stamp,.line_diff,.width_panel_item {
    position: relative;
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    margin: 5px 5px 0px 0px;
    float: left;
    cursor: pointer;
}
.tool_selected ,.line_selected{
    border: solid 1px #00FF00;
}
@media screen and (min-width: 360px) {
}
@media screen and (max-width: 992px) {
    #user_image, #user_info{
        display: none;
    }
    #nav_action_sort{
        display: none;
    }
    .sub_header {
        height: 45px;
    }
    #primary-search{
        width: 100%;
    }
    .app_list{
        margin-top: 30px;
    }
    .action_button_text{
        display: none;
    }
    #login_box{
        /*        margin-top: 50px !important;*/
    }
}
.annotation_download{
    width: 85%;
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size:13px;
}
/*Language select dropdown box CSS*/
.lanSelect{
    display: inline-block;
    min-width: 150px;
    position: relative;
    clear: both;
    float: right;
}
.lanSelect .selectBox{
    position: absolute;
    min-height: 30px;
    width: 100%;
    text-shadow: 1px 1px 0 #EEEEEE;
    color: #666666;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #ccc;
    padding: 4px;
    background: url(../../images/arrow-gray-down.png) no-repeat;
    background-position: 120px 5px;
    top: -5px;
    float: right;
}
ul#langunage_drop_down{
    padding-left: 5px;
}
#us_settings_language{
    width: 90%;
}
.lanSelect .selectBox:hover,
.lanSelect .selectBox.expanded{
    color:#2c5667;
}
.lanSelect .dropDown{
    position:absolute;
    top: 28px;
    left: 0px;
    width:100%;
    border: 1px solid rgba(158, 158, 158, 0.66);
    list-style:none;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -moz-box-shadow:0 0 5px #111;
    -webkit-box-shadow:0 0 5px #111;
    box-shadow: 0px 0px 5px #ccc;
    background: rgba(255, 255, 255, 1);
}
.lanSelect li{
    height: 30px;
    cursor:pointer;
    position:relative;
    padding-top: 10px;
    color: #78AED2 !important;
}
.lanSelect li:hover{
    color: #4CAF50 !important;
}
.lanSelect li span{
    position:absolute;
    top: 5px;
}
/*Language select dropdown box CSS*/
.comments_thumbnail{
    width: 180px;
    /*height: 150px;*/
    border: solid 1px #eee;
    border-radius: 2px;
    overflow: hidden;
    margin: 5px 0;
}
.comments_image{
    max-width: 100%;
}
.k-grid-header,.k-grid .k-header{
    /* text-align:left; */
    /* border:none; */
    /* cursor:auto; */
    /*height: 38px;*/
}
.k-grid-header
{
    /*    width: 100%;*/
    /* overflow: hidden; */
    /* border: none !important; */
}
#annotation_content_section
{
    position: relative !important;
}
#nav_action_search_txt{
    width: 100%;
    height: 30px;
    margin: 3px 5px;
    background-image: url(../../images/ic_search.png);
    background-repeat: no-repeat;
    text-indent: 15px;
    background-position: 2px 3px;
    padding: 0px 10px;
}
#action_search_txt{
    width: 100%;
    height: 30px;
    margin: 3px 5px;
    background-image: url(../../images/ic_search.png);
    background-repeat: no-repeat;
    text-indent: 15px;
    background-position: 2px 3px;
    padding: 0px 10px;
}
.active #action_search_txt{
    background-image: url(../../images/ic_search.png), url(../../images/ic_close.png);
    background-position: 2px 3px, right 3px top 5px;
    background-repeat: no-repeat, no-repeat;
}
.active #def_search_txt{
    background-image: url(../../images/ic_search.png), url(../../images/ic_close.png);
    background-position: 2px 3px, right 3px top 5px;
    background-repeat: no-repeat, no-repeat;
}
.baloon
{
    /*    padding : 5px;
    borderRadius : 6px;
    border : solid 1px #777;
    boxShadow : 4px 4px 4px #555;
    zIndex :32767;
    position:fixed;*/
    min-width: 200px;
    padding: 5px;
    border-radius: 6px;
    border: 1px solid rgb(119, 119, 119);box-shadow: rgba(181, 179, 179, 0.61) 3px -3px 17px 2px;
    color: rgb(102, 102, 102);opacity: 0.85;
    text-align: left;visibility: visible;position: absolute;
    display: block;
    background-color: rgb(239, 239, 239);z-index: 999999999;
    transform: translateY(0px);
    margin-right:30px;}
.baloon:before
{
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 100%;
    top: 100%;
    border: 2px solid;
    border-color: #666 transparent transparent #666;
}
.baloon:after
{
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 100%;
    top: 100%;
    border: 2px solid;
    border-color: #fff transparent transparent #fff;
}
#popupbaloon {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #DDD;
    min-width: 140px;
    position: absolute;
    text-align: center;
    z-index: 22222;
    padding: 5px;
    box-shadow: 2px 3px 2px -1px rgba(0, 0, 0, 0.2), 0 0px 2px 0 rgba(0, 0, 0, 0.19);
    border-radius: 4px;
    min-width:300px;
}
#popupbaloon form {
    padding: 0px 5px;
}
#popupbaloon h6
{
    font-weight: bold;
    margin: 10px 0px;
}
#popupbaloon label{
    font-size: 12px;
    float: left;
}
#popupbaloon input{
    font-size: 12px;
}
#popupbaloon .btn, #workflow-publicLink .btn{
    font-size: 12px !important;
    height: 29px;
    padding: 0px 10px;
    margin: 0;
}
#popupbaloon .submit {
    clear:both;
}
#baloon_content {
    border-bottom: 1px solid #DDD;
    color: #444;
    margin-bottom: 7px;
    padding-bottom: 5px;
}
#baloon_btn > div {
    background: none repeat scroll 0 0 #004FBC;
    color: #FFF;
    display: inline-block;
    margin-left: 10%;
    width: 45%;
    padding: 3px 0;
}
#popupbaloon:before,#popupbaloon:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: transparent;
    border-style: solid;
}
#popupbaloon:before {
    border-width: 11px;
}
#popupbaloon:after {
    border-width: 10px;
}
#popupbaloon.top:before {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #ccc;
    border-bottom-width: 0;
}
#popupbaloon.top:after {
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    border-top-color: #fff;
    border-bottom-width: 0;
}
#popupbaloon.right:before {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #ccc;
    border-left-width: 0;
}
#popupbaloon.right:after {
    top: 50%;
    margin-top: -10px;
    left: -10px;
    border-right-color: #fff;
    border-left-width: 0;
}
#popupbaloon.bottom:before {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: #ccc;
    border-top-width: 0;
}
#popupbaloon.bottom:after {
    top: -10px;
    left: 50%;
    margin-left: -10px;
    border-bottom-color: #fff;
    border-top-width: 0;
}
#popupbaloon.left:before {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-left-color: #ccc;
    border-right-width: 0;
}
#popupbaloon.left:after {
    top: 50%;
    right: -10px;
    margin-top: -10px;
    border-left-color: #fff;
    border-right-width: 0;
}
.text-align-right
{
    text-align: right !important;
}
/*#tool_selected_color {
background: url(../../images/ic_tool_filled_rectangle.png);
}*/
.tool_blue{
    color:  rgb(94, 118, 161);
}
.fa.tool_blue {
    font-size: 24px;
    cursor: pointer;
    color:  rgb(94, 118, 161);
}
.tool_blue_dropdown {
    font-size: 17px;
}
.user_name{
    font-size:14px;
    font-weight: bold;
}
/*.comments-list .media{
border-bottom: 1px dotted #ccc;
}*/
.comments-list .media img{
    width:30px;
    height:30px;
}
.annotation_Tabs_wrapper .tab-pane{
    margin-top: 5px;
}
span.k-header
{
    /* background:none; */
}
.check-icon{
    padding: 0px 6px 0px 0px;
}
.list-group.users-list-box .list-group-item{
    margin-bottom: 2px;
}
.margin-5px
{
    margin: 5px;
}
.user_icon{
    width: 25px;
    height: 25px;
    float: left;
    border: 0px solid red;
    margin-right: 10px;
    color: cornflowerblue;
}
.group_icon{
    width: 25px;
    height: 25px;
    float: left;
    border: 0px solid red;
    margin-right: 10px;
    color:cornflowerblue;
}
.partner_icon{
    width: 25px;
    height: 25px;
    float: left;
    border: 0px solid red;
    margin-right: 10px;
    color:coral;
}
#an_onoff{
    position: relative;
    width: 50px;
    height: 23px;
    background-color: #eee;
    border-radius: 3px;
    float: right;
    margin: 0px 5px;
    overflow: hidden;
    border: 1px solid #ccc;
}
#an_onoff_wrapper{
    width: 75px;
    height: 23px;
}
.an_onoff_element{
    width: 25px;
    height: 23px;
    background-color: white;
    float: left;
    color: white;
    font-size: 10px;
    text-align: center;
    padding-top: 3px;
}
#an_on{
    background-color: green;
}
#an_off{
    background-color: red;
}
#slider {
    width: 152px;
    height: 17px;
    position: relative;
    background: #5E78A5;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    -webkit-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.9), 0px 1px 1px 0px rgba(255, 255, 255, 0.13);
    -moz-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.9), 0px 1px 1px 0px rgba(255, 255, 255, 0.13);
    box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.9), 0px 1px 1px 0px rgba(255, 255, 255, 0.13);
}
#slider .bar {
    width: 144px;
    height: 5px;
    background: #333;
    position: relative;
    top: 6px;
    left: 4px;
    background: #1d2e38;
    background: -moz-linear-gradient(left, #1d2e38 0%, #2b4254 50%, #2b4254 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1d2e38), color-stop(50%,#2b4254), color-stop(100%,#2b4254));
    background: -webkit-linear-gradient(left, #1d2e38 0%,#2b4254 50%,#2b4254 100%);
    background: -o-linear-gradient(left, #1d2e38 0%,#2b4254 50%,#2b4254 100%);
    background: -ms-linear-gradient(left, #1d2e38 0%,#2b4254 50%,#2b4254 100%);
    background: linear-gradient(left, #1d2e38 0%,#2b4254 50%,#2b4254 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2e38', endColorstr='#2b4254',GradientType=1 );
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}
#slider .highlight {
    height: 2px;
    position: absolute;
    width: 388px;
    top: 6px;
    left: 6px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    background: rgba(255, 255, 255, 0.25);
}
input[type="range"] {
    -webkit-appearance: none;
    background-color: black;
    height: 2px;
}
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    position: relative;
    top: 0px;
    z-index: 1;
    width: 11px;
    height: 11px;
    cursor: pointer;
    -webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.6);
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb));
}
.icon-annotations{
    margin-right: 3px;
}
.nav-tabs li {
    cursor: pointer;
}
.input-group-addon{
    background-color: transparent;
}
#getBackGroundColor{
    width: 22px;
    height: 22px;
}
.comments_thumbnails img{
    cursor: pointer;
    margin: 0px 5px 0px 5px;
}
.responsive_back_btn
{
    display: none;
    color: #24313d;
    padding: 5px 0px 0px 5px;
    float:right;
}
#getStrokeWidth{
    width:90px;
    height:30px;
}
/*.width-text{
margin-top: -2.52em;
}*/
.responsive_back_btn
{
    background: #DAD5D5;
    border: 1px solid #ccc;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    margin: 2px 0px;
    cursor: pointer;
}
.responsive_tools_group{
    display: none;
}
.responsive_tools_group .responsive_tools_group_btn
{
    width: 25px;
    height: 25px;
    float: right;
    margin-right: 10px;
    position: relative;
    padding: 10px 5px;
    color: #78AED2;
}
.responsive_tools_group .responsive_tools_group_container
{
    position: absolute;
    right: 15px;
    /* top: 50px; */
    width: 135px;
    height: 25px;
    padding: 3px 5px;
    background: #FFFFFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: none;
    border: solid 1px #ddd;
    margin-top: 35px;
}
.responsive_tools_group .responsive_tools_group_container:after
{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 6px 11px;
    border-color: #FFFFFF transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -11px;
    left: 127px;
}
.responsive_tools_group .responsive_tools_group_container span
{
}
.download_report_btn_container
{
    position: absolute;
    /*    background-color: rgba(46, 46, 46, 0.1);*/
    /*    width: 100%;*/
    /* top: calc(35vh - 5px); */
    margin-top: -20px;
    clear: both;
    /*    height: 50px;*/
    right: 0;
}
.download_report_btn_container .btn
{
    margin: 5px 35px;
}
#reportProgressBar
{
    width: 100%;
    height: 20px;
    margin: 1px 0px;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 15px 100%;
}
#reportProgressBar:hover
{
    background: #262626;
}
#report_slidedown_button
{
    width: 25px;
    display: none;
    position: relative;
    left: 50%;
    top: 0px;
    height:13px;
    z-index: 9999;
}
#result_viewer
{
    clear:both;
    margin-top: 20px;
    /*    overflow-x: auto;
    overflow-y: auto;*/
    height: calc(100vh - 98px) !important;
}
#result_viewer::-webkit-scrollbar {
    width: 10px;
    height: 5px;
}
#result_viewer::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1);
    -webkit-border-radius: 1px;
    border-radius: 10px;
}
#result_viewer::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: rgba(81, 80, 80,1);
    /*    -webkit-box-shadow: inset 5px 5px 6px rgba(0,0,0,1); */
}
#result_viewer::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(238, 238, 238,0.1);
}
#result_viewer .info_nopreview
{
    font-size: 25px;
    color: #ddd;
}
.annotation_content_section{
    margin: 0px auto;
    clear: both;
    height: calc(100vh - 100px);
}
/*.action_startzoom_container
{*/
/*margin: -25px 0px 0px 50px;*/
/*    transform: scale(0.7);
-ms-transform:scale(0.7);
-webkit-transform:scale(0.7);
margin: 0px 10px 0px 0px;
width: 150px;
float: right;*/
/*}*/
/*.action_startzoom_container .k-slider-items
{
display: none; 
}*/
.multipleselectbox
{
    border: solid 1px #ededed;
    background: #fff;
}
.multipleselectbox .k-multiselect-wrap li
{
    /* background: #edf1f3; */
    /* color: #7b868a; */
    /* margin: 2px 0 2px 2px; */
    /* border: 0; */
    /* font-size: 12px; */
    /* padding: 1px 2px 2px 5px !important; */
}
.multipleselectbox_container .k-item {
    line-height: 1em;
    min-width: 300px;
}
.multipleselectbox_container .k-state-focused
{
    border:none;
    box-shadow: none;
}
.col_action_icon{
}
.col_action_icon .fa{
    color: #A8C8DD;
}
.col_action_icon .fa{
    color: rgba(91, 127, 150, 0.48);
    font-size: 20px;
    padding: 0px 5px 0px 0px;
}
#report_tree_categories .k-in
{
    padding: 5px 15px 10px 22px !important;
}
#ann_color_palette {
    vertical-align: top;
    display: inline-block;
}
.k-colorpicker {
    vertical-align: top;
    /*margin: 20px 0;*/
}
/*.popover-content {
overflow-y : scroll;
height: auto;  
}*/
.popover-footer {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    background-color: #F7F7F7;
    border-bottom: 1px solid #EBEBEB;
    border-radius: 5px 5px 0 0;
}
div#myModal > .modal-dialog > .modal-content {
    width:50%;
}
#password_error_close{
    float:right;
}
#forget_pwd_lnk{
    float:right;
    padding-bottom: 5px;
    cursor: pointer;
}
.file_details_ul > ul > li{
    padding: 3px 8px;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.file_details_ul > ul > li > span > a{
    padding: 0px 5px;
    cursor: pointer;
}
.file_details_ul > ul.nav.nav-pills.nav-stacked{
    padding: 20px 0px 0px 0px;
}
.sm_fullscreen {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    margin: 0;
    padding: 0;
    background: inherit;
}
.error_list{
    clear: both;
    font-size: 12px;
    list-style: none;
    color: red;
}
.error_list .glyphicon{
    font-size: 11px;
}
.FavouriteReports
{
    color:#87B7D6 !important;
}
.FavouriteReports:hover
{
    color:#5190BB !important;
}
.foldericon_bg
{
    background-image: url("../../images/assets_user/ic_folder_small.png") !important;
}
.setTextColor {
    color: #555;
}
.advPropsSize{
    width: 50%; height: 28px;
}
.k-button-increase,.k-button-decrease{
    transform: scale(0.7);
    -ms-transform:scale(0.7);
    -webkit-transform:scale(0.7);
}
.tool_item_group{
    margin: -2px 0px 4px 7px;
    padding: 0px 2px 2px 2px;
}
.ann_separatorx_line{
    margin: 0px; border-top:1px solid rgba(94, 118, 161, 0.2);
}
.an_selected{
    background-color: rgb(191, 191, 241);
}
#toggleZoomActions{
    background-color: rgba(255, 255, 255, 0);
    margin: 9px 0px 0px 0px;
    border-radius: 3px;
    cursor: pointer;
    float: right;
}
#preview_prePage_icon > a > img{
    padding: 7px;
}
#preview_nextPage_icon > a > img {
    padding: 7px;
    margin-left: 5px;
}
/*.cssload-container{
margin-top: 25%;
position:relative;
}
.cssload-whirlpool,
.cssload-whirlpool::before,
.cssload-whirlpool::after {
position: absolute;
top: 50%;
left: 50%;
border: 1px solid rgb(204,204,204);
border-left-color: rgb(0,0,0);
border-radius: 974px;
-o-border-radius: 974px;
-ms-border-radius: 974px;
-webkit-border-radius: 974px;
-moz-border-radius: 974px;
}
.cssload-whirlpool {
margin: -24px 0 0 -24px;
height: 49px;
width: 49px;
animation: cssload-rotate 1150ms linear infinite;
-o-animation: cssload-rotate 1150ms linear infinite;
-ms-animation: cssload-rotate 1150ms linear infinite;
-webkit-animation: cssload-rotate 1150ms linear infinite;
-moz-animation: cssload-rotate 1150ms linear infinite;
}
.cssload-whirlpool::before {
content: "";
margin: -22px 0 0 -22px;
height: 43px;
width: 43px;
animation: cssload-rotate 1150ms linear infinite;
-o-animation: cssload-rotate 1150ms linear infinite;
-ms-animation: cssload-rotate 1150ms linear infinite;
-webkit-animation: cssload-rotate 1150ms linear infinite;
-moz-animation: cssload-rotate 1150ms linear infinite;
}
.cssload-whirlpool::after {
content: "";
margin: -28px 0 0 -28px;
height: 55px;
width: 55px;
animation: cssload-rotate 2300ms linear infinite;
-o-animation: cssload-rotate 2300ms linear infinite;
-ms-animation: cssload-rotate 2300ms linear infinite;
-webkit-animation: cssload-rotate 2300ms linear infinite;
-moz-animation: cssload-rotate 2300ms linear infinite;
}
@keyframes cssload-rotate {
100% {
transform: rotate(360deg);
}
}
@-o-keyframes cssload-rotate {
100% {
-o-transform: rotate(360deg);
}
}
@-ms-keyframes cssload-rotate {
100% {
-ms-transform: rotate(360deg);
}
}
@-webkit-keyframes cssload-rotate {
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes cssload-rotate {
100% {
-moz-transform: rotate(360deg);
}
}*/
.loading-logo-img{
    margin-top: 13%;
    /*    transform: scale(0.95);*/
    margin-left: 43%;
}
.loadingContainerWrapper > .loader_custom{
    transform: scale(0.8);
}
.contact_list_createdByOn
{
    display: block;
}
.k-popup .k-list .k-state-focused
{
    /*    border-width: 0;*/
}
.k-list > .k-state-focused
{
    -webkit-box-shadow: none;
    box-shadow: none;
}
.groupUsersGrid_back_button_wrapper_text{
    line-height: 2;
    color: #999;
}
#list_group_users{
    margin-top: 5px;
}
#usersGrid ,#membersGrid, #groupUsersGrid { 
    margin-right:6px;
    padding: 7px;
}
#members_wrapper .menu_active {
    background: #f5f5f5;
}
.groupUsersGrid_back_button{
    font-size: 15px;
    background: transparent;
    color: #A0C6DF;
    line-height: 1.4;
}
.groupUsersGrid_back_button_wrapper{
    height: 35px;
    /*width: 95%;*/
    margin-left: 12px;
    margin-top: 8px;
    border-bottom: 1px solid #ddd;
}
.comment_content .header{
    height: auto;
    background-color: transparent;
    padding: 0px;
}
input[type='radio']:disabled,input[type='checkbox']:disabled {
    cursor: not-allowed !important;
}
::-ms-clear {
    display: none;
}
.refresh_blue {
    font-size: 18px;
    cursor: pointer;
    color: rgb(44, 62, 80);
    background:none;
}
.tools{
    margin: 30px 30px;
}
.container_tool_item{
    width: 385px;
    height: 260px;
    border: 1px solid #ccc;
    border-radius: 3px;
    float: left;
    margin: 0px 0px 20px 20px;
    position: relative;
    padding: 20px 0px 0px 20px;
    width: 30%;
    margin: 0 0 20px 15px;
}
.container_tool_item a{
    cursor: pointer;
    text-decoration: underline;
}
.container_tool_image{
    display: block;
    margin: 10px auto;
    cursor: pointer;
    overflow: hidden;
    width: 80px;
    height: 80px;
    border: 1px solid #ccc;
    top: 20px;
    text-align: center;
    left: 20px;
    position: absolute;
    border-radius: 3px;
}
/*.tool_image{
width : 80px;
height: 80px;
border: 1px solid #ccc; 
top: 20px;
left: 20px;
position: absolute;
border-radius: 3px;
}*/
.container_tool_title{
    margin-left: 100px;
    font-size: 16px;
}
.container_tool_description, .container_tool_version{
    margin-left: 100px;
}
.container_tool_description{
    margin-top: 5px;
    text-align: justify;
    transform: scale(0.95);
    margin-left: 94px;
}
.container_tool_version{
    color: #26A;
}
.container_tool_more_button{
    border: 1px solid red;
    /*    width: 150px;
    height: 30px;*/
    background-color: red;
    border-radius: 3px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    padding: 5px;
    text-align: center;
    color: white;
    cursor: pointer;
}
.container_tool_more_button:hover{
    font-weight: bold;
}
.container_tool_image img {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 13px 0px 0px 0px;
}
#annotation_viewmode_text{
    float: right;
    margin: 8px;
    color: darkgrey;
    text-align: center;
    font-size: 18px;
    font-weight: bolder;
    transform: scale(0.9);
    -ms-transform:scale(0.9);
    -webkit-transform:scale(0.9);
}
.tekicon {
    display: inline-block;
    cursor: pointer;
}
.tekiconsmall {
    transform: scale(0.8);
    -ms-transform:scale(0.8);
    -webkit-transform:scale(0.8);
}
.applyWidth{
    width: inherit;
}
.previewIconsSet ul li{
    margin-right: 10px;
}
.slider_wrap {
    padding-top: 0px;
    margin-top: -4px;
}
#preview_header_lbl{
    margin-top: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: right;
}
#btn_toggle_preview_grid{
    background: none;
    border: none;
}
.action-modified-props{
    background-color: #777;
}
.col_action .icon-ic_list_preview, .col_action .icon-ic_list_star_b file_203, .col_action .icon-ic_list_share
{
    top:3px;
}
.editObImg,.deleteObImg,.restoreObImg,.disabledEditObImg,.disabledDeleteObImg,.disabledRestoreObImg,.deletefromRcycleObImg{
    float: right;
    vertical-align: middle;
    top: 4px;
}
.icon-ic_action_print_gray{
    background-image: url("../../images/assets_user/ic_action_print.png");
    width: 20px;
    height: 20px;
}
.login_footer
{
    position: absolute;
    top: 90%;
    margin: 0 auto;
    width: 100%;
}
.annotation_login_footer{
    margin: 35px auto;
}
.login_footer .menu_poweredby,.annotation_login_footer .menu_poweredby
{
    margin: 0 auto;
    text-align: center;
    color: rgba(249, 247, 247, 0.51);
    font-size: 12px;
}
.footer_wrapper
{
    clear: both;
    /* top: 0; */
    position: absolute;
    bottom: 0;
}
.footer_wrapper .menu_poweredby
{
    margin: 0 auto;
    text-align: center;
    color: rgba(168, 168, 252, 0.56);
    font-size: 12px;
}
#header_help_container
{
    right:5px;
}
.createprojecttemplate_treeview
{
    margin-left: 25px;
}
.createproject_treeview
{
    /*    margin-left: 25px;*/
}
.createtemplate_holder {
    /*min-height: calc(85vh - 5px);*/
    /* border-right: 1px solid #E5E5E5; */
    /* overflow: auto; */
    padding: 0px 5px;
    border-right: 0px solid #ccc;
    margin: 0px;
    overflow: auto;
    height: 100%;
}
.projecttemplate_treeview {
    /*max-height: calc(80vh - 20px);*/
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 415px;
    width: 100%;
}
.projecttemplate_name_holder {
    margin: 20px 0px 0px 25px;
}
#projecttemplate_name {
    padding-left:5px;
}
.templatecreate_topheader {
    min-height: 30px;
    padding: 5px 0px;
}
.createtemplate_topHeaderTool {
    height: auto;
    clear: both;
    /*min-height: 43px;*/
    max-height: 100px;
    padding: 5px 0px;
}
.addfoldertextbtn_holder {
    padding:5px;
}
.addfoldertextbtn_holder .appendFolderTextBox {
    border: 1px solid #ddd;
    line-height: 1.6em;
    width: 50%;
    height: 2em;
    padding: 0 10px;
    text-indent: 0;
    border-radius: 4px;
    color: #97a5b3;
    border: solid 1px #e1e1e1;
    box-sizing: border-box;
    float: right;
}
.addfoldertextbtn_holder .appendNodeToSelectedBtn {
    background: #1ab394 !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 14px;
    color: #fff;
    padding: 3px 10px;
    margin-right: 10px;
    border: none;
    /*  float: left;*/
}
.buttonlist_holder {
}
ul.template_buttonlist {
    padding: 0;
}
ul.template_buttonlist li {
    list-style: none;
    float: left;
    padding: 1px 5px;
    border: solid 1px #ccc;
    margin: 0px 3px;
    color: #78AED2;
    cursor: pointer;
}
.property-label {
    font-weight: 600;
}
.permission_grid_container {
    min-height: 150px;
}
.filenamerule_foldermermission_holder {
    /*min-height: calc(85vh - 5px);*/
    padding: 10px 5px;
    border-left: 0px solid #ccc;
    margin: 0px;
    height: 100%;
    margin-top: 15px;
    padding: 15px !important;
    border: 1px solid #eee;
}
.filepermission_rules_container {
    border-top: 0px solid #ccc;
    min-height: calc(20vh - 20px);
}
.filenamerules_holder {
    margin: 5px 0px;
    border-bottom: 0px solid #ccc;
    min-height: 115px;
    max-height: 130px;
}
.filename_rule_text,.permission_role_text {
    border: 1px solid #ddd;
    line-height: 1.6em;
    width: 100%;
    height: 2.17em;
    padding: 0 10px;
    text-indent: 0;
    border-radius: 4px;
    color: #797979;
}
.folder_description_txt textarea {
    /*    background: #ededed; */
    border: 1px solid #ddd;
    line-height: 1.6em;
    /* width: 100%; */
    height: 3.17em;
    /* padding: 0 10px; */
    text-indent: 0;
    border-radius: 4px;
    color: #797979;
    margin-top: 2px;
    border-radius: 4px;
}
.filename_rule_text,.folder_description_txt {
    width: 90% !important;
}
.add_filename_rules_btn,.save_description_btn,add_permission_btn {
    border: 1px solid #1AB394 !important;
    border-radius: 3px;
    padding: 3px 5px;
    background-color: #1AB394 !important;
    cursor: pointer;
    margin: 5px;
    color: white;
    float: right;
}
#projecttemplate_addrootfolder {
    padding: 3px;
    cursor: pointer;
}
.filename_rule_text_holder {
    margin: 5px 0px;
}
.template_rolepermission_grid .k-grid-header {
    padding: 0 !important;
}
#window_create-project .form_generic .input {
    margin-bottom: 10px;
}
#project #primary li {
    margin: 4px;
    Padding: 0;
}
/*.flash_msg{
border: 1px solid #eee;
}*/
/*.flash_msg_item{
position: relative;
margin: 5px;
min-width: 260px;
height: 200px;
border: 1px solid #eee;
overflow: hidden;
}*/
/*.flash_msg_img{
max-width: 100%;
}*/
.portal_main_msg{
    height: 250px;
}
.folder_list{
    /*padding-top: 5px;*/
    float: left;
    width: 100%;
}
#photo_gallery_header,#qcRepositryHeader{
    height: 25px;
    padding-top: 3px;
    background: #eee;
    margin: 5px;
    font-weight: bold;
}
.photo_wrapper{
    position: relative;
    /*width: 80%;*/
    height: 150px;
    border-radius: 3px;
    overflow: hidden;
    padding: 2px;
    border: 1px solid #eee;
    margin-bottom: 10px;
    cursor: pointer;
}
.photo_wrapper img{
    max-width: 100% !important;
    /*margin: 35px 0px 0px 20px;*/
}
#img_quality_guru{
    width: 423px;
}
.quality_update{
    height: 35px;
    padding-top: 8px;
    background: #eee;
    font-weight: bold;
}
.menu_list .glyphicon, .folder_list .glyphicon {
    margin-right: 9px;
    width: 24px;
    color: #6E7070;
    padding-left: 3px;
}
#use_name{
    font-weight: bold;
}
.folder_back{
    width: 40px;
    height: 20px;
    margin: 0px 5px 0px 0px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #eee;
    padding: 2px;
    float: left;
    cursor: pointer;
}
.folder_back:hover{
    color: #4CAF50;
}
#loginbox{
    display: none;
    position: absolute;
    top: 50px;
    right: 100px;
    margin-top:0px;
    top: 50px;
    right: 0;
    z-index: 10;
}
#file_details_wrapper{
    display: none;
}
/*#carouselInnerImages > .item >img{
margin-left: 7%;
}*/
#qcRepositryMB1 > .item ,#qcRepositryMB2 > .item,#qcRepositryMB3 > .item{
    height: 222px;
    text-align: center;
}
.portalMenuContainer{
    margin: 0px 0px 3px 6px;
}
.portalMenu {
    padding: 4px 5px;
    margin-top: 11px;
    background-color: #1F489B;
    color: white;
    border-radius: 3px;
    float: left;
    margin-right: 5px;
    cursor: pointer;
}
.portalMenu i {
    font-size: 13px;
}
.hide-bullets {
    list-style:none;
    margin-top: 35px;
}
.galleryThumbnail {
    padding: 0;
    height: 150px;
    background: rgba(255, 255, 255, 0.13);
}
#photoGallerySection li{
    padding: 15px;
    width: 220px;
    float: left;
    height: 150px;
}
.mainDocPreviewPhotoGalleryMore{
    font-size: 15px;
}
#portal_app_name {
    font-size: 18px;
    font-weight: bold;
    color: #1F489B;
    margin-bottom: 5px;
    margin-top: 5px;
}
#portal_app_name_sub {
    font-size: 13px;
    color: #1F489B;
    height: auto !important;
}
.icon-ic_action_print_gray{
    background-image: url("../../images/assets_user/ic_action_print.png");
    width: 20px;
    height: 20px;
}
.photoGalleryClose ul{
    margin: -18px 25px 0px 0px;
    width:100%;
}
/*//-------------------------------------------------------*/
.discussionProfileImage{
    /*  height:65px;*/
    min-width: 90px;
    padding: 5px;
    background-color: aliceblue;
}
.imageHolder
{
    height: 75px;
    /*    max-height: 70px;
    width: 100px;
    overflow: hidden;
    margin: 0;
    min-height: 70px;
    height: 100%;*/
}
.captionHolder{
    /*height: 40px;*/
}
.captionHolder span{
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 20px;
    font-size: 16px;
}
.discussionBoardList li.discussionBoardListLi{
    border-bottom: solid 1px #ddd;
    padding-bottom: 10px;
}
.discussionBoardList li.discussionBoardListLi .discussionBoardContent
{
    text-align: justify;
    padding: 5px 10px;
}
.discussionBoardList li.discussionBoardListLi .discussionBoardContentDate
{
    padding: 5px 10px;
}
#discussionBoardListWrapper {
    overflow: hidden;
    margin: 0px;
}
#discussionBoardListWrapperBody{
    /*    overflow: scroll;
    overflow-x: hidden;*/
    /*height: 539px;*/
}
#backToDiscussionList{
    visibility: visible;
    line-height: 1.4;
}
.settingsMessageHeader{
    margin-left: 28px;
    font-size: 19px;
    cursor: default;
    text-decoration: none !important;
}
.previewModeTxt{
    font-size: 36px;
    font-weight: bold;
    margin: 1% 0% 0% 35%;
    color: #1F489B;
}
.portalInfo{
    width: 206px;
    margin: 8px;
    padding: 0;
}
#portalExternalLink a,#usrSettings_portalConfig,#photoGallerySection > li > a > img,.galleryThumbnail,#galleryNavigation,.docpreviewMSB img,#portalSubFolders a,.photoGalleryMore,#showDiscussionBoard,#discussion_board_wrapper,#discussion_board_details_wrapper,#quickLinkFiles{
    cursor: pointer;
}
/*____________________________________________improvement__________________________________________________________*/
/*-------------------------------------------------------------------------------------*/
.cus_navbar-default{
    border-radius: 0;
    border-bottom: #003399 2px solid;
    height: 90px;
}
.cus_navbar-default ul li{
    list-style: none;
    margin-right: 8px;
}
.sidebar{
    height: calc(100vh - 95px);
    background-color: #ffffff;
    border-right: #D4D4D4 1px solid;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #2980B9;
    border-color: #2980B9;
    border-radius: 0;
}
.icon-cus{
    right: 5px;
    left: -12px;
    cursor: pointer;
    font-size: 12px;
    color: #003399;
    margin-right: -6px;
}
.carousel-control.left {
    background: none;
}
.carousel-control.right {
    background: none;
}
.item-cus{
    border-radius:8px;
    overflow: hidden;
}
.space-bottom{
    margin-bottom:5px;
}
.minus-col{
    padding:5px;
    padding-top: 0px;
}
.main-title{
    color: gray;
    margin: 0;
    margin-top: -14px;
}
.h1, .h2, .h3, h1, h2, h3{
    margin-top: 0;
}
.border-less{
    border: none;
}
a.list-group-item:hover {
    color: #555;
    background-color: #EAEAEA;
}
.gal-img{
    width: 41%;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: -30px;
    padding: 10px;
}
.cent-cnt{
    font-size: 14px;
    color:#003399;
    font-weight:400;
}
.no-padding{
    padding: 0;
}
/* ----------------------------  ---------------  */
.navbar-login
{
    padding: 10px;
    padding-bottom: 0px;
}
.navbar-login-session
{
    padding: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.icon-size
{
    font-size:43px;
    padding-left: 10px;
}
.mfg-title{
    margin: 3px;
    padding: 0;
    margin-top: 6px;
}
.feed-element:first-child {
    margin-top: 0;
}
.feed-activity-list .feed-element {
    border-bottom: 1px solid #e7eaec;
}
.feed-element, .media-body {
    overflow: hidden;
}
.feed-element, .feed-element .media {
    margin-top: 15px;
}
.feed-element {
    padding-bottom:0px;
    text-align: left;
}
.feed-element img.img-circle, .dropdown-messages-box img.img-circle {
    width: 38px;
    height: 38px;
}
.feed-element > .pull-left {
    margin-right: 10px;
}
.media-body{
    width: 100%;
}
.search-bar{
    background-color: #EFEFEF;
    margin-top: 0px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-bottom: 1px solid #D4D4D4;
}
.search-cus-portal {
    height:33px;
    background-image: url(../../images/ic_search.png);
    background-repeat: no-repeat;
    text-indent: 15px;
    background-position: 2px 3px;
}
.custom-btn{
    color: #fff;
    background-color: #5cb85c;
    border-color: #45A045;
    padding: 5px 11px;
}
.disc-refresh{
    color: #fff;
    background-color: #BBBBBB;
    border-color: #9A9A9A;
    padding: 5px 11px;
    margin-right: 10px;
}
.table-cus{
    padding-top: 10px !important;
}
.br-cus{
    padding: 0;
    margin-bottom: 0 !important;
}
.filter{
    display:inline-block;
}
.j_cus-navbar-inverse .container-fluid {
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    min-width:320px;
    border-radius: 0;
}
.message-board-mar{
    position: absolute;
    margin-top: -30px;
    height: 35px;
    bottom: 10px;
    line-height: 35px;
    z-index: 1;
    padding: 0 5px;
    color: white;
}
.container-fluid-less{
    padding-right:0 !important;
    padding-left:0 !important;
    margin-right:0 !important;
    margin-left:0 !important;
}
.brand-cus{
    float: left;
    height:auto !important;
    padding: 5px 15px;
    font-size: 18px;
    line-height: 20px;
}
.navbar-nav.navbar-right:last-child {
    margin-right: -15px;
    margin-top: 0;
    border: none;
}
.icon-space{
    margin-left: 4px;
}
/*
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
position: absolute;
}
*/
.item{
    margin: 0;
}
#qcRepositryMB1 > .item, #qcRepositryMB2 > .item, #qcRepositryMB3 > .item {
    height: 222px;
    text-align: center;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #B4C1DC;
}
.custom-height-1{
    height: 170px;
}
.scroll{
    overflow-y: scroll;
    overflow-x: hidden;
}
.list-group-item{
    margin-bottom: 0px;
    border: 0px;
    border-bottom: 1px solid #ddd;
    padding-left: 25px;
    border-radius:0;
}
.thumb{
    font-size: 14px;
    color: #003399;
}
.list_widgets_wrap:not(#list_member_admin_users, #list_member_admin_group, #list_defaultmember_users, #list_partner_member_admin_users, #list_share_member_users,#list_share_member_groups){
    overflow-y: scroll;
    overflow-x: hidden;
}
.vh-height{
    height: calc(100vh - 380px);
}
#qcRepositryMB1 > .item, #qcRepositryMB2 > .item, #qcRepositryMB3 > .item {
    height: 222px;
    text-align: right;
    border-radius: 14px;
    overflow: hidden;
    border:none !important;
    margin-right: 0;
    align-items: center;
    padding: 0;
}
.item img{
    margin: 0 auto;
}
.section-heading{
    font-size: 16px;
}
.font-16{
    font-size: 16px;
}
.back-btn-icon{
    top: 4px;
}
.back-btn{
    padding: 4px;
    margin-left: 10px;
}
.back-btn-txt{
    display: inline-block;
}
#discussion_board_wrapper{
    padding: 4px;
    padding-left: 0px;
    padding-top: 0;
}
#portal-cus .k-grid tr {
    border-bottom: 1px solid rgb(198, 221, 240);
    background-color: rgb(255, 255, 255);
}
#portal-cus .k-grid tr:hover td, .k-grid tr.k-alt:hover td {
    /* background-color: rgb(223, 242, 250); */
}
.media-body {
    width: 100%;
    color: #5E5E5E;
}
#portal-cus .k-grid-content td {
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis !important;
    color: #565656;
    padding-left: 15px;
}
.feed-element {
    padding-bottom: 6px;
    padding-top: 6px;
}
#portal-cus .grid-icon{
    padding-top: 6px;
    font-size: 16px;
    margin-left: 10px;
}
#portal-cus #gridheader_rootfolder_icon{
    margin-left: 10px;
    font-size: 22px;
    margin-top:5px;
}
#portal-cus #gridheader_breadcrumb_lnk{
    height: 50px;
    line-height: 49px;
}
#portal-cus .k-grid-header-wrap, .k-grid-header th.k-header {
    /* overflow: visible; */
    /* background-color: #DDDDDD; */
    /* color: #003399; */
}
#portal-cus .k-grid-header-wrap, .k-grid-header th.k-header {
    /* overflow: visible; */
    /* background-color: #ECF6FF; */
    /* color: #5E5D5D; */
    /* font-weight: 400; */
}
#portal-cus .k-grid td(4) {
    padding-left: 13px;
}
#portal-cus .sort_dropdown1.k-menu.k-header {
    background-color: #EFEFEF;
    width: 19px;
    display: inline-block;
    border: 1px solid #DAD9D9;
    padding: 3px;
    border-radius: 4px;
    margin-top: 6px;
    margin-right: 6px;
    height: 19px;
}
#portal-hand .glyphicon {
    position: relative;
    font-size: 14px;
    top: 2px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#portal-hand i#gridheader_rootfolder_icon {
    top: 3px;
}
#portal-hand i#gridheader_forward_btn,#portal-hand i#gridheader_back_btn {
    top: 6px;
}
#portal-cus .sort_dropdown1.k-menu .k-item>.k-link, .folderView.k-menu .k-item>.k-link{
    background-color:none;
}
#portal-cus .sort_dropdown1.k-menu .k-item>.k-link, .folderView.k-menu .k-item>.k-link:hover{
    background-color:none;
}
#portal-dicn .media-body{
    text-align: left;
    white-space: pre-line;
    color: #6B6B6B;
    font-size: 14px;
    font-weight: 400;
}
#portal-dicn tr.k-state-selected {
    background-color: #EAEAEA!important;
    border-color: #EAEAEA!important;
}
#portal-dicn .k-grid td {
    text-align: left;
    border-bottom: 1px solid #ADD6EA !important;
}
.padding-3{
    padding:0 3px;
}
.font-13{
    font-size:13px;
}
.white{
    color: white;
}
.detail-page-header .settings {
    float: right;
    height: 40px;
    display: block;
    bottom: 6px;
}
.drop-cus{
    min-width: 310px;
}
.dropdown-menu-last{
    display: block  !important;
    padding: 15px 11px  !important;
    clear: both  !important;
    font-weight: normal  !important;
    line-height: 1.42857143  !important;
    color: #333  !important;
    white-space: nowrap  !important;
}
.thumbnail-view-container {
    position: relative;
    height: 130px;
    border: solid 1px #ccc;
    border-radius: 2px;
    margin:8px;
    padding: 0px;
    overflow: hidden;
    float: left;
}
.icon-disc{
    font-size:18px !important ;
    top: 2px !important;
}
.icon-disc-refresh{
    font-size:18px !important ;
    top: 5px !important;
}
.carousel-control {
    position: absolute;
    top: 43%;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background-color: rgba(0, 0, 0, 0);
    filter: alpha(opacity=50);
    opacity: .5;
}
.nav-to-doc {
    background-color: #003399;
    color: white !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    border-radius: 4px;
    margin-top: 6px;
    padding-left: 23px !important;
}
.nav-to-doc .glyphicon{
    color: white !important;
}
.nav-to-doc:hover {
    background-color: #003399!important;
    color: white !important;
    padding-top: 7px!important;
    padding-bottom: 7px!important;
    border-radius: 4px!important;
    margin-top: 6px!important;
    cursor: pointer;
}
.home-btn{
    background-color: #003399;
    color: white !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    border-radius: 4px;
    margin-top: 6px;
    padding-left: 31px !important;
}
.home-btn .glyphicon{
    color: white !important;
}
.home-btn:hover {
    background-color: #003399!important;
    color: white !important;
    padding-top: 7px!important;
    padding-bottom: 7px!important;
    border-radius: 4px!important;
    margin-top: 6px!important;
    cursor: pointer;
}
.right0{
    margin-right: 0 !important;
    padding-right: 0 !important;
}
.k-grid tr:hover td, .k-grid tr.k-alt:hover td {
    /* background-color:rgb(229, 237, 255); */
}
.mssg_no_record .icon-no-record{
    transform: scale(0.5) !important;
}
.mgf-title{
    font-size:18px;
}
.panel-heading-custom{
    padding: 8px 15px !important;
}
.list-group-custom{
    padding: 7px 15px !important;
}
.margin-bottom10{
    margin-bottom:10px;
}
.carousel-inner{
    border: 1px solid #BCE8F1;
    height: 222px;
    border-radius: 14px;
}
.search-bar .glyphicon {
    font-size: 14px;
}
#grid_portal_config tr{
    border-bottom: 1px solid rgb(198, 221, 240) !important;
}
#grid_portal_config td{
    padding: .1em .6em;
    line-height: 1.2em;
    font-size: 14px;
}
#portalConfig_content_wrapper .file_list{
    border-bottom:1px solid #ccc;
}
.no-margin{
    margin: 0;
}
.form-group-cus{
    margin-bottom:5px;
}
.margin-right30{
    margin-right: 30px !important;
}
#portal-hand .mssg_no_record {
    text-align: center;
    color: #7c8083;
    display: block;
    margin: 0 0 0 0% !important;
    font-size: 14px;
    bottom: 50%;
}
#portal-hand .icon-no-record, .tree-select-wrapper .specification_table table td i.icon-no-record {
    width: 159px;
    height: 159px!important;
    display: block;
    margin: 0px auto -22px;
    float: none;
}
.sec-nav{
    width:100%;
    padding: 0;
    margin: 0;
    float: right;
}
.first-nav{
    width:100%;
    height: 35px;
    padding: 0;
    margin: 0;
    float: right;
}
.arrow{
    padding-right: 0 !important;
    width: 1px;
}
.feed-element .pro-img{
    width: 50px;
    height: 50px;
    border-radius: 100%;
}
.first-nav .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: rgba(231, 231, 231, 0);
}
#portal-hand a:hover, a:focus {
    text-decoration: none;
}
#showDiscussionBoard{
    font-weight: bold;
}
#quickLinkFiles{
    height: calc(100vh - 450px);
    overflow-y: scroll;
}
#portalExternalLink{
    height: calc(100vh - 470px);
    overflow-y: scroll;
}
#portalSubFolders{
    height: calc(100vh - 406px);
    overflow-y: scroll;
}
#discussion_board_grid{
    cursor: default;
}
#portalMode .us_menu_title {
    padding: 0px 0px 0px 26px;
    font-weight: normal;
    float: left;
}
#portalMode.menu_action_item {
    line-height: 30px;
}
#portalMode .menu_action_item:hover {
    color: #003399;
}
#portalMode .dropdown-menu > li > a {
    display: block;
    padding: 4px 23px;
    clear: both;
    font-weight: normal;
    line-height: 1px;
    color: #333;
    white-space: nowrap;
}
#portalMode .us_menu_item {
    min-width: 100%;
    float: left;
    min-height: 35px;
    border-bottom: 1px solid rgba(204, 204, 204, 0);
    padding: 0px 20px 0 0;
    cursor: pointer;
    line-height: 28px;
}
#portalMode .settings_user_image_icon {
    max-width: 100%;
    min-height: 100%;
    border-radius: 4px;
    border: 1px solid #D6D6D6;
}
#portalMode .username-cus{
    font-size: 18px;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
}
#portal-hand .no_items_text {
    position: relative;
    top: 0 !important;
    right:0 !important;
}
.carousel-inner marquee{
    width: 355px;
}
p#quality_intro_msg {
    word-wrap: break-word;
}
span#quality_update_msg {
    word-wrap: break-word;
}
.navbar-default {
    background-color: #FFFFFF !important;
}
.photo-gallery-body{
    padding: 0px;
    margin: 0px;
    clear: both;
    height: calc(100vh - 404px);
    overflow: hidden;
    overflow-y: scroll;
}
#portal-hand .icon-thumbnail_default_file {
    background-image: url(../../images/SpriteSheet/teknowmics_images_spritesheet.png?bust=25955);
    background-position: -806px -427px;
    width: 180px;
    height: 130px;
    /* background-color: red; */
    margin: 0 auto;
    top: 22%;
}
i#getTreepath ,i#existingTreepath,i#linkSupportText{
    font-size: 12px;
    font-weight: bolder;
    white-space: pre;
    word-wrap: break-word;
}
.tab_Description{
    font-size: 14px;
    font-weight: 400;
    white-space: pre;
    word-wrap: break-word;
    padding: 0px;
    margin: 4px 0px 3px 0px;
    color: #3498DB;
    padding: 2px 0px 4px 6px;
}
.breadcrumb {
    background: rgba(255, 255, 255, 0);
    border: 0px solid rgba(245, 245, 245, 1);
    border-radius: 4px;
    padding: 8px 15px;
    display: block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    /* height: 35px; */
    overflow: hidden;
}
.cur-no{
    cursor:text!important;
}
a.list-group-item.portalSubFoldersSection {
    padding-left: 10px;
}
a.docpreviewQuickLinkFiles.list-group-item {
    padding-left: 15px;
}
.portalSubFoldersSectionChars{
    /*    font-weight: normal;
    font-weight: 600;*/
    margin-top: 0;
    margin-bottom: 1px;
    padding-top: 6px;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre-line;word-wrap: break-word;
    /*    white-space: pre;
    word-wrap: break-word;*/
}
#portalConfig_content_wrapper .content_section {
    padding-top: 2px;
}
.renameTextField
{
    line-height: 1.6em;
    min-width: 250px;
    height: 2em;
    padding: 0 10px;
    text-indent: 0;
    border-radius: 4px;
    color: #97a5b3;
    border: solid 1px #e1e1e1;
    box-sizing: border-box;
    /*  float: right;*/
}
.bottomPositionButton-80{
    position: absolute;
    height: 30px;
    bottom: 0;
    top: 85%;
    right: 15px;
}
/*@media print {
html, body {
border: 1px solid white;
height: 99%;
page-break-after: avoid;
page-break-before: avoid;
}
}*/
/*----------------------------newly added Jerin 9/26/2016--------------------------------*/
#handle-bar-project .folder_list {
    padding-top: 0;
    float: left;
    width: 100%;
}
#handle-bar-project .createtemplate_holder {
    min-height:calc(91vh - 48px);
    border-right: 1px solid #E5E5E5;
    overflow: auto;
    padding: 0px 0px;
    margin: 0;
    overflow: auto;
    height: 100%;
    border: solid 1px #ccc;
    background-color: white;
    border-radius: 4px;
}
#handle-bar-project .filenamerule_foldermermission_holder {
    min-height:calc(91vh - 48px);
    /* border-right: 1px solid #E5E5E5; */
    /* overflow: auto; */
    padding: 2px 0px 0px 0px;
    margin: 0px;
    overflow:hidden;
    height: 100%;
    border: solid 1px #ccc;
    background-color: white;
    border-radius: 4px;
    position: relative;
}
#handle-bar-project .pad_ctrl{
    padding: 0px 4px 0px 0px;
}
#handle-bar-project .k-grid-header th.k-header{
    /* overflow: hidden; */
    /* padding: 12px 10px 10px 15px; */
    /* font-weight: normal; */
    /* white-space: nowrap; */
    /* text-overflow: ellipsis; */
    /*text-align: left;*/
}
#handle-bar-project .createtemplate_topHeaderTool {
    height: auto;
    clear: both;
    min-height: 0;
    max-height: 0;
    padding: 0px 0px;
}
#handle-bar-project .permission_search_container{
    padding: 3px 0px 32px 0px;
}
#handle-bar-project .permission_grid_container{
    min-height:calc(79vh - 250px) !important;
}
#handle-bar-project .template_rolepermission_grid{
    min-height: 80px !important;
    overflow-x: hidden;
    overflow-y: auto;  /*    All grid scrollbar issue ex(20722)*/
    /*    border-bottom: 1px solid rgb(204, 204, 204);*/
    margin-bottom: 10px;
}
#handle-bar-project .filepermission_rules_container {
    height: 100%;
    padding: 15px;
    /* overflow-y: auto; */
    background-color: white;
    position: absolute;
    width: 100%;
}
#handle-bar-project .form_generic textarea {
    height: auto;
    text-indent: 0;
    margin-top: 5px;
    width: 96% !important;
    margin-left: 24px;
}
#handle-bar-project #filename_rule_text{
    margin-top:10px;
    margin-left: 24px;
    width: 81% !important;
}
/*#handle-bar-project .tree_view .k-group .k-group .k-group .k-group .k-in {
padding-left: 85px;
}
#handle-bar-project .tree_view .k-group .k-group .k-group .k-group .k-icon {
margin-left: 67px;
}
#handle-bar-project .tree_view .k-group .k-group .k-group .k-icon {
margin-left: 42px;
}
#handle-bar-project .tree_view .k-group .k-group .k-group .k-in {
padding-left: 60px;
}
#handle-bar-project .k-i-arrow-s {
background-position: 0 -33px;
}*/
#handle-bar-project .addfoldertextbtn_holder .appendFolderTextBox {
    border: 1px solid #ddd;
    line-height: 1.6em;
    width:100%;
    height: 28px;
    padding: 0 10px;
    text-indent: 0;
    border-radius: 4px;
    color: #97a5b3;
    border: solid 1px #e1e1e1;
    box-sizing: border-box;
    float: right;
}
#handle-bar-project ul.template_buttonlist li {
    list-style: none;
    float: right;
    padding: 3px 8px;
    border: solid 1px #ccc;
    margin: 0px 2px;
    color: #78AED2;
    cursor: pointer;
    border-radius: 4px;
}
#handle-bar-project #appendNodeToSelected{
    padding: 3px 12px;
}
#handle-bar-project .content_section {
    height: calc(100vh - 98px);
    border: none;
    background-color: white;
    border-radius: 4px;
    -webkit-overflow-scrolling: touch;
    clear: both;
    margin-left: 4px;
    overflow: hidden;
}
#handle-bar-project .template_buttonlist{
    margin-bottom:0px;
}
.title-prjct{
    font-size:16px;
    color: #436e90;
}
#handle-bar-project .filenamerules_holder {
    margin: 0px 0px;
    border-bottom: 1px solid rgba(204, 204, 204, 0) !important;
    min-height: 115px;
    max-height: 130px;
}
#handle-bar-project .blue-title{
    color: #4892cc;
}
#handle-bar-project .k-grid-content{
    min-height: 0 !important;
    overflow-y:auto;
}
#handle-bar-project .date-exp{
    border: 1px solid rgb(214, 213, 230);
    border-radius: 4px;
    padding-left: 12px !important;
    margin-bottom: 16px !important;
}
#handle-bar-project #primary .k-textbox, .project_home_avtive {
    position: relative !important;
    top: 0 !important;
    font-size: 10px !important;
    background-color: #65d59a !important;
    padding: 5px 15px !important;
    left: 17px !important;
}
#handle-bar-project .projecttemplate_treeview {
    max-height: calc(80vh - 20px);
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 400px;
    width: 100%;
}
#projectName{
    /*    width: 54% !important;*/
    color: #4892cc;
    text-overflow: ellipsis;
}
#startdate1, #enddate1 {
    width: 22% !important;
    color: #4892cc;
}
#startondate{
    position: relative;
    width: 80px!important;
    margin-top: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block !important;
    /*height: 40px;*/
}
#Endsondate{
    position: relative;
    width: 72px!important;
    margin-top: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block !important;
    /*height: 40px;*/
}
#project_filter_type_txt_listbox
{
    overflow-x: hidden !important;
}
#project_filter_type_txt-list .k-item , .advance_filter_box .k-state-default .k-input
{
    /* width: 190px !important; */
    /* height:25px; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#createproject_category_lst-list ul.k-list
{
    overflow-x: hidden !important;
}
#createproject_category_lst-list .k-item
{
    width: 260px !important;
    height:25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#searchRoleToSetPrmsn-list .k-item
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#upload-error-ctrl .k-progress-status-wrap {
    color: #FFF !important;
}
#upload-error-ctrl .k-progress-status {
    display: inline-block;
    padding: 2px 1px 1px 8px !important;
    min-width: 10px;
    white-space: nowrap;
    text-overflow: ellipsis !important;
    overflow: hidden;
    font-size: 12px !important;
    width: 222px;
}
#upload-error-ctrl .upload_error .k-state-selected {
    background: #e84e4e!important;
    height:18px !important;
}
#upload-error-ctrl .k-state-selected {
    background: #1ab394 !important;
    color: #fff;
    border: 0;
    height: 18px !important;
}
#upload-error-ctrl .loading_wrapper .col-md-5 > div {
    padding: 2px;
    border: 1px solid rgba(255, 255, 255, 0) !important;
    line-height: 10px;
}
#upload-error-ctrl .k-progressbar {
    box-sizing: border-box;
    max-width: 100%;
    border-radius: 0;
    background: rgba(255, 255, 255, 0);
    height: 1em;
    border: 0;
    margin-bottom: 0;
}
#upload_file_footer .btn-uplad-edit{
    margin-left: 30px;
}
#window_upload_file .grid_upload_file_container{
    /* height: 220px !important; */
}
div #window_upload_file{
    overflow: hidden;
}
.j_cus-navbar-inverse {
    background-color: #3498db;
    border-color: #3498db;
    color: white;
    border-radius: 0;
    margin-bottom: 0px;
    box-shadow: 0px 0px 4px 0px black;
    z-index: 1;
}
.j_preview-back-btn{
    padding-top:6px;
    padding-bottom:3px;
    display: inline-block;
    vertical-align: middle;
    padding-left:15px;
    padding-right: 15px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    box-sizing: border-box;
    margin-right:10px !important;
    background-color: #1C87CE;
    vertical-align: middle;
    text-align: center;
    font-size:24px;
}
.j_preview-back-btn:hover {
    display: inline-block;
    vertical-align: middle;
    background-color:#59AFE8;
    cursor: pointer; box-sizing: border-box;
}
.j_preview-nav-icon{
    vertical-align:middle;
    display: inline-block;
}
.j_preview-info-wrapper{
    display: inline-block;
    margin-left: 5px;
    vertical-align:middle;
}
.j_preview-info-wrapper h4{
    color: white;
    margin:0;
    font-size: 14px;
    opacity: .9;
    padding-top: 4px;
    white-space: pre;
    text-overflow: ellipsis;
    overflow: hidden;
}
.j_preview-info-wrapper p{
    white-space: pre;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0;
    margin-top:1px;
    font-weight: 100;
    color: #eee;
    font-size: 12px;
    opacity: 0.9;
}
.j_preview-btn-download{
    color: #FFFFFF;
    margin-right: 5px;
    padding: 2px 14px;
    background-color: #47B6FF;
    border:#278ACC  1px solid;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border-radius: 2px;
    font-size: 14px;
    line-height: 23px;
}
.j_preview-btn-download:hover {
    color: #FFFFFF;
    background-color: #68c3ff;
    border: #278ACC  1px solid;
    outline: none;
}
.j_preview-btn-download:focus, .j_preview-btn-download:active, .j_preview-btn-download:visited {
    color: #FFFFFF;
    background-color:#68c3ff;
    border: #278ACC  1px solid;
    box-shadow: none;
    outline: none;
}
.j_preview-nav-action-right{
    padding-top:5px;
    padding-bottom:5px; box-sizing: border-box;
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #3498DB;
}
.j_preview-btn-share{
    padding:2px 14px;
    color: #ffffff;
    background-color:#57D48C;
    border-color: #15947A;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    font-size: 14px;
    line-height: 23px;
}
.j_preview-btn-share:hover {
    color: #fff;
    background-color: #20D06B;
    border-color:#15947A;
    outline: none;
}
.j_preview-btn-share:focus, .j_preview-btn-share:active, j_preview-btn-share:visited {
    color: #fff !important;
    background-color:#20D06B;
    border-color: #0C5F96;
    box-shadow: none;
    outline: none;
}
.j_preview-btn-comments{
    color: #ffffff;
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.j_preview-btn-print{
    color: #ffffff;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    padding: 3px 7px 1px 7px;
    box-sizing: border-box;
    border-radius: 2px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.j_preview-btn-anno{
    color: #ffffff;
    display: inline-block;
    margin-left: 16px;
    vertical-align: middle;
    font-size: 18px;
    padding: 3px 7px 1px 7px;
    box-sizing: border-box;
    border-radius: 2px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.j_preview-btn-anno:hover{
    background-color: #105B8C;
    cursor: pointer;
}
.j_preview-btn-print:hover{
    background-color: #105B8C;
    cursor: pointer;
}
.j_preview-btn-pro{
    color: #ffffff;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    padding: 3px 7px 1px 7px;
    box-sizing: border-box;
    border-radius:2px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.j_preview-btn-pro:hover{
    background-color:#105B8C;
    cursor: pointer;
}
.j_preview-btn-close{
    color: #026a8e;
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    padding:4px 7px 2px 8px;
    box-sizing: border-box;
    border-radius: 4px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.j_preview-btn-close:hover{
    background-color: #ffffff;
    cursor: pointer;
}
.j_preview-btn-badge{
    display: inline-block;
    min-width: 10px;
    padding: 4px 9px; box-sizing: border-box;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #c1272d;
    border-radius: 10px;
}
.j_preview-btn-badge:hover{
    background-color:#ec2b32;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.j_preview-lightbox-wrapper{
    background-color: transparent;
    box-sizing:content-box;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    display: inline-block;
    width: 100%;
    /*    margin-left: 15px;*/
    position: relative;
}
/*
.j_preview-lightbox-wrapper-clicked {
background-color: transparent;
height: auto;
box-sizing: border-box;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
display: inline-block
}
*/
.j_preview-lightbox{
    box-sizing: border-box;
    margin: 0 auto;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
    position: relative;
    width:100%;
}
.j_preview-bottom-nav{
    width: auto;
    height: 40px;
    background-color: rgba(23,23,23,.96);
    position: relative;
    border-radius: 3px;
    box-shadow: 1px 1px 20px 1px rgba(0,0,0,.42);
    border: 1px solid #000;
    z-index: 1;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    bottom: 100px;
    margin: 0 auto;
    float: none;
    display: table!important;
}
.j_preview-sec-nav-btn{
    width:50px;
    display: inline-block;
    vertical-align: middle;
    padding: 10px; box-sizing: border-box;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    text-align: center;
    color: #dadada;
}
.j_preview-sec-nav-btn .fa{
    /*    color: gray;*/
    font-size:18px;
    line-height: 20px;
}
.j_preview-sec-nav-btn:hover{
    background-color: #282424;
    cursor: pointer;
    color:#55bbff;
}
.j_preview-sec-nav-btn-first{
    width: 47px;
    display: inline-block;
    vertical-align: middle;
    padding: 14px; box-sizing: border-box;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.j_preview-sec-nav-btn-first:hover{
    background-color: #282424;
    cursor: pointer;
}
.j_preview-sec-nav-btn-count{
    /* padding-left: 5px; */
    /* padding-right: 5px; */
    display: inline-block;
    vertical-align: middle;
    padding: 0px;
    box-sizing: border-box;
    text-align: center;
    color: #969696;
    /* min-width: 60px; */
}
.j_preview-sec-nav-btn-count-wrapper{
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}
.j_preview-btn-info{
    width: 300px;
    height:100%;
    background-color: white;
    right: -300px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    display: inline-block;
    position: fixed;
}
.j_preview-btn-info-clicked{
    width: 300px;
    height: calc(100vh - 40px);
    background-color: white;
    display: inline-block;
    right: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    display: inline-block;
    position: fixed;
    border-left: 1px solid #C9DAE6;
    z-index: 10006;
}
.j_preview-cus-carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 5%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    opacity: .5;
    position: fixed;
    z-index: 1000;
    height: 80px;
    transition:none !important;
}
#mainCenter{
    overflow: auto;
    height: calc(100vh - 43px);
    width: 100%;
    background-color: rgba(31, 35, 37, 0);
}
.carousel-control.right-clicked{
    right:22%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.carousel-control.right{
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    right: 20px;
}
.j_preview-lightbox img{
    /*
    margin-top:-1px;
    margin-bottom:10px;
    */
}
.j_cus-navbar-inverse {
    min-height:40px !important;
    height:40px !important;
    z-index: 1002;
}
/*Phase 2*/
.edited_preview_nav-tabs>li>a {
    margin-right:0;
    line-height: 2.428571;
    border: 1px solid transparent;
    border-radius: 0;
}
.edited_preview_nav-tabs {
    border-bottom: 1px solid #ade2f9;
    background-color: #DFF2FA;
    padding-top:10px;
}
.edited_preview_nav-tabs>li.active>a, .edited_preview_nav-tabs>li.active>a:focus, .edited_preview_nav-tabs>li.active>a:hover {
    color: #888585;
    cursor: default;
    background-color: #fff;
    border: 1px solid #bae7fb;
    border-bottom-color: transparent;
}
.edited_preview_nav-tabs>li>a:hover {
    text-decoration: none;
    background-color: #ccebf9;
    border-color:#aee7ff #aee7ff rgba(174, 231, 255, 0) rgb(174, 231, 255) !important;
}
.edited_preview_nav-tabs>li>a {
    position: relative;
    display: block;
    padding: 3px 24px;
}
#edited-preview-tab .tab-content{
    border: 1px solid #ceeaf5;
    margin: 5px;
    border-radius: 4px;
    overflow: hidden;
    height: calc(100vh - 102px);
    overflow-y: scroll;
}
#edited-preview-tab .tab-pane{
    padding:0px;
}
/*#edited-preview-tab .table>tbody>tr>td,#edited-preview-tab .table>tbody>tr>th,#edited-preview-tab .table>tfoot>tr>td,#edited-preview-tab .table>tfoot>tr>th,#edited-preview-tab .table>thead>tr>td, #edited-preview-tab .table>thead>tr>th {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid rgba(236, 236, 236, 0.83);
}*/
#edited-preview-tab .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
}
#edited-preview-tab label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
    color: #8f8786;
    vertical-align: middle;
}
#edited-preview-tab .form-group {
    margin-bottom: 15px;
    margin-top: 15px;
}
.j_preview-nav-icon .thumb {
    float: left;
    position: relative;
    width: 24px;
    margin-top: 0;
}
.comments_controls_wrapper{
    margin-bottom: 8px;
    padding: 0px 11px 0px 12px;
}
.doc-comment-count-wrapper{
    width: 100px;
    font-size: 14px;
    padding: 0px;
    margin: 4px 0px 3px 0px;
}
#doc_preview_version_wrapper .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: rgb(52, 152, 219);
    border-color: rgba(41, 171, 226, 0);
    border-radius: 0;
    cursor: default;
}
#doc_preview_version_wrapper .list-group-item,#preview_nextPage_icon ,#preview_prePage_icon{
    cursor: pointer;
}
.gallery-back-btn {
    display: inline-block;
    padding-top: 6px;
    padding-bottom: 6px;
    vertical-align: middle;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}
.j_preview-nav-action-right .glyphicon{
    font-size:12px;
}
.j_preview-nav-action-right .fa{
    font-size:14px;
}
.j_preview-bottom-nav .slider_wrap {
    padding-top: 0px;
    margin-top: 7px;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 20px;
}
.j_preview-sec-nav-btn-slider{
    width: auto;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}
.j_preview-btn-anno .fa, .j_preview-btn-print .fa, .j_preview-btn-pro .fa{
    font-size:20px;
}
.j_cus-navbar-inverse .icon-ic_file_image {
    background-image: url(../../images/SpriteSheet/teknowmics_images_spritesheet-white.png?bust=25955) !important;
    background-position: -394px -635px;
    width: 20px;
    height: 20px;
    display: block;
}
.button_2020 {
    margin-right: 0;
}
.j_cus-navbar-inverse .icon-ic_file_cad {
    background-image: url(../../images/SpriteSheet/teknowmics_images_spritesheet-white.png?bust=25955);
    background-position: -316px -635px;
    width: 20px;
    height: 20px;
}
.j_cus-navbar-inverse .icon-ic_file_doc {
    background-image: url(../../images/SpriteSheet/teknowmics_images_spritesheet-white.png?bust=25955);
    background-position: -342px -635px;
    width: 20px;
    height: 20px;
}
.j_cus-navbar-inverse .icon-ic_file_excel {
    background-image: url(../../images/SpriteSheet/teknowmics_images_spritesheet-white.png?bust=25955);
    background-position: -368px -635px;
    width: 20px;
    height: 20px;
}
.j_cus-navbar-inverse .icon-ic_file_image {
    background-image: url(../../images/SpriteSheet/teknowmics_images_spritesheet-white.png?bust=25955);
    background-position: -394px -635px;
    width: 20px;
    height: 20px;
}
.j_cus-navbar-inverse .icon-ic_file_note {
    background-image: url(../../images/SpriteSheet/teknowmics_images_spritesheet-white.png?bust=25955);
    background-position: -420px -635px;
    width: 20px;
    height: 20px;
}
.j_cus-navbar-inverse .icon-ic_file_other {
    background-image: url(../../images/SpriteSheet/teknowmics_images_spritesheet-white.png?bust=25955);
    background-position: -446px -635px;
    width: 20px;
    height: 20px;
}
.j_cus-navbar-inverse .icon-ic_file_pdf {
    background-image: url(../../images/SpriteSheet/teknowmics_images_spritesheet-white.png?bust=25955);
    background-position: -472px -635px;
    width: 20px;
    height: 20px;
}
.j_cus-navbar-inverse .icon-ic_file_ppt {
    background-image: url(../../images/SpriteSheet/teknowmics_images_spritesheet-white.png?bust=25955);
    background-position: -498px -635px;
    width: 20px;
    height: 20px;
}
div.k-window, div.k-window.k-state-focused {
    border-radius: 0px !important;
    border-color: rgba(255, 255, 255, 0) !important;
    box-shadow: none;
    z-index: 10005;
    border: none !important;
}
.j_preview-btn-info .k-grid tr {
    /* border-bottom: 1px solid rgba(238, 238, 238, 0); */
}
.j_preview-btn-info .info_wrap input[type="text"] {
    /* border: 1px solid rgba(175, 196, 210, 0.47); */
    /* background: rgb(255, 255, 255); */
    /* border-radius: 2px; */
    /* color: #333; */
    /* box-sizing: border-box; */
    /* width: 100%; */
    /* margin: 0; */
    /* font-size: 14px; */
    /* padding: 0 10px; */
    /* height: 28px; */
    /* line-height: 25px; */
    /* box-shadow: none; */
}
.j_preview-btn-info .k-grid tr:hover td, .k-grid tr.k-alt:hover td {
    /* background-color: rgb(223, 242, 250); */
}
.j_cus-navbar-inverse .icon-ic_action_annotation_gray {
    background-image: url(../../images/SpriteSheet/teknowmics_images_spritesheet-white.png?bust=25955);
    background-position: -810px -635px;
    width: 20px;
    height: 20px;
}
.j_preview-btn-pro-active {
    background-color: #105B8C;
    cursor: pointer;
    color: #ffffff;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    padding: 3px 7px 1px 7px;
    box-sizing: border-box;
    border-radius: 2px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.j_preview-lightbox-wrapper #gridPages {
    z-index: 100001;
    height: calc(100vh - 42px);
    padding: 20px;
    overflow-y: scroll;
    overflow-x:hidden;
}
@media only screen and (max-width: 720px) {
    .j_preview-info-wrapper {
        width: 30%;
        display: inline-block;
        margin-left: 5px;
        vertical-align: middle;
    }
}
@media only screen and (min-width: 721px) {
    .j_preview-info-wrapper {
        width: 40% ;
        display: inline-block;
        margin-left: 5px;
        vertical-align: middle;
    }
}
@media only screen and (max-width: 798px) {
    #previewContainer {
        width:90%;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 799px) {
    #previewContainer {
        /*    width:100vh;*/
        margin: 0 auto;
    }
}
#fileTypeIcon{
    margin-top: 4px;
}
#doc_preview_file_name{
    padding-top: 4px;
}
.k-grid-content{
    /*height:auto !important;*/
}
.k-icon, .k-sprite, .k-button-group .k-tool-icon{
    /*
    display: inline-block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    text-align: center;
    -ms-high-contrast-adjust: none;
    vertical-align: middle !important;
    */
}
.j_preview-btn-info .private_green_btn, .private_blue_btn {
    background: #3498DB !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 4;
    font-size: 16px;
    color: #fff;
    padding: 6px 20px 6px 20px;
    margin-right: 10px;
    float: left;
    margin-top: 10px;
}
.j_cus-navbar-inverse{
    display: block !important;
    top:0 !important;
}
.right-minus{
    margin-right: 300px;
}
#docCenterId .lazy{
    /*
    width:100% !important;
    margin-top:3px !important;
    */
}
#previewContainer{
    /*height: calc(100vh - 42px)!important;*/
    margin: 0 auto;
    transform-origin: center 0;

}
.icon-ic_action_zoom_reset_gray {
    background-image: url(../../images/SpriteSheet/teknowmics_images_spritesheet.png?bust=2595../../images/SpriteSheet/teknowmics_images_spritesheet.png?bust=259555);
    background-position: -732px -635px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.icon-ic_action_zoom_in_gray {
    background-image: url(../../images/SpriteSheet/teknowmics_images_spritesheet.png?bust=25955);
    background-position: -576px -635px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
#gridPages .detail-page-grid a img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    border: 2px solid #333;
    cursor: pointer;
}
#previewSDNote img{
    display:none !important;
}
.preview-btn-side-bar{
    margin-top: 0px;
}
#docpreview_advanced_properies_grid select {
    width:100% !important;
}
.detail-page-img {
    -webkit-overflow-scrolling: touch;
}
/*_________________Dont use this space for other styles ____________________________________*/
/*scroll-bar*/
/*internet explorer scrollbalken*/
/*body{
scrollbar-base-color: rgb(217, 217, 217);
scrollbar-base-color: rgb(217, 217, 217);
scrollbar-3dlight-color: rgb(206, 206, 206);
scrollbar-highlight-color: rgb(206, 206, 206);
scrollbar-track-color:rgba(255, 255, 255, 0);
scrollbar-arrow-color: rgba(255, 255, 255, 0);
scrollbar-shadow-color:rgba(255, 255, 255, 0);
scrollbar-dark-shadow-color:rgba(255, 255, 255, 0);
}*/
/*mozilla scrolbalken*/
/*@-moz-document url-prefix(http://),url-prefix(https://) {
scrollbar {
-moz-appearance: none !important;
background: rgba(216, 216, 216, 1) !important;
}
thumb,scrollbarbutton {
-moz-appearance: none !important;
background-color:rgba(173, 167, 167, 1) !important;
}
thumb:hover,scrollbarbutton:hover {
-moz-appearance: none !important;
background-color:rgba(173, 167, 167, 1) !important;
cursor: pointer;
}
scrollbarbutton {
display: none !important;
}
scrollbar[orient="vertical"] {
min-width: 10px !important;
}
}*/
/**/
/*::-webkit-scrollbar {
background: rgba(216, 216, 216, 1);
width:10px;
}
::-webkit-scrollbar-thumb {
background-color: rgba(173, 167, 167, 1);
outline:none;
}
::-webkit-scrollbar-thumb:hover {
background-color: rgba(173, 167, 167, 1);
cursor: pointer;
}
.tab-content::-webkit-scrollbar,.detail-page-img::-webkit-scrollbar ,#doc_preview_comments_wrapper::-webkit-scrollbar{
width:8px;
outline: none;
cursor: pointer;
}
.detail-page-img::-webkit-scrollbar {
width:13px;
}
.tab-content::-webkit-scrollbar-track,.detail-page-img::-webkit-scrollbar-track,#doc_preview_comments_wrapper::-webkit-scrollbar-track {
background-color: transparent;
outline: none;cursor: pointer;
}
.tab-content::-webkit-scrollbar-thumb,#doc_preview_comments_wrapper::-webkit-scrollbar-thumb {
background-color:rgba(173, 167, 167, 1);
outline:none;cursor: pointer;
}
.detail-page-img::-webkit-scrollbar-thumb {
background-color: rgba(173, 167, 167, 1);
outline:none;cursor: pointer;
}
#doc_preview_comments_wrapper {
overflow: hidden; 
overflow-y: scroll; 
}*/
/*scoll-bar-end*/
#preview_comment_div{
    background-color: white;
    border-bottom: 1px solid rgb(219, 219, 219);
    z-index: 1;
    padding-bottom: 15px;
}
#docpreview_advanced_properies_grid .k-grid-content{
    overflow:hidden;
}
#doc_preview_comments_main_wrapper .k-grid-content{
    height: calc(100vh - 232px) !important;
}
.adv-property-ht .info_wrap{
    min-height: 305px !important;
}
.adv-property-ht{
    height: 667px;
}
#files_content_wrapper .content_section, #myworkflow_main_wrapper .content_section, #receive_notification_content_wrapper .content_section, #rmd_content_wrapper .content_section, #reportlist_wrapper .content_section, #search_content_wrapper .content_section{
    overflow:hidden;
}
#grid_wf_task .k-grid-header-wrap{
    width:100% !important;
}
#search_content_wrapper .file_props_container{
    width: 90% !important;
}
.sendTo_poup
{
    margin-top: 63px !important;
    text-align: right;
}
.sendTo_poup_absolute
{
    position: absolute;
    right: 20px;
    bottom: 20px;
}
#window_shareto #grid_permission {
    /*    height: 220px !important;*/
    margin-bottom: 10px;
}
#create_project_type_window .results_box.add_results_box{
    overflow-y: hidden;
    max-height: 310px !important;
    margin-bottom: 10px;
    width: 100%
}
.k-widget.k-tooltip {
    /* border-color: #fee69d !important; */
    /* background-color: #fff4cc !important; */
    /* color: #222223 !important; */
    /* position: absolute !important; */
    /*
    right: auto !important;
    bottom: auto !important;
    */
}
#added_subtypes .k-grid-content{
    height: 234px !important; 
} 
#preview_tab_strip .k-content{
    background-color: #ffffff;
    /* color: #2e2e2e; */
    min-height: 315px !important;
    /* border: 1px solid #dddddd; */
    border-top: 0;
    overflow-x: hidden;
    overflow-y: auto;
}
.clearboth{
    clear:both;
    display:inline-block;
}
.txtIndent{
    text-indent: 5px;
}
#dashboard_details li{
    margin: 10px 5px;
}
.k-tabstrip-items {
    /* padding:0; */
}
#selected_user_list_grid .k-grid-content{
    height:100%
}#user_list_grid .k-grid-content{/* height:100%
    */
}
#window_member_management div.k-window-content{
    overflow-y:hidden;
}
.side-bar-btn-icon .glyphicon{
    text-align: center;
    font-size: 28px;
}
#fulldisplay_wrapper .content_section{
    background-color: white !important;
}
.sd-icon-dropdown{
    color: #2c3e50;
    opacity: 0.6;
}
.sd-icon-dropdown:hover{
    cursor: 1;
    opacity:1;
}
#nav_action_filter_mn_active .k-link{
    /*    margin-right: -20px !important;
    margin-top: -4px !important;
    background: none !important;*/
}
.panel{
    margin-bottom:0;
}
.sd-beta-title{
    position: absolute;
    left: 0;
    top: 0px;
    font-size: 10px;
    background: #E91E63;
    padding: 1px 4px;
    border-radius: 1px;
    width: 100%;
    color: #FFFFFF;
    font-weight: bold;
}
.Sd_status{
    width: 100%;
    height: 25px;
    line-height: 25px;
    border-radius: 1px;
}
#report_form_section{
    border-top: 1px solid #D0CECE;
    background-color: #EFEFEF;
    margin-bottom: 0;
}
#No_user_chosen{
    width: 410px;
}
.k-tabstrip-items .k-state-hover .k-link{
    color:#111;
}
.shim-space-top{
    margin-top: 0;
}
.k-state-hover, .k-state-hover:hover, .k-splitbar-horizontal-hover:hover, .k-splitbar-vertical-hover:hover, .k-list > .k-state-hover, .k-scheduler .k-scheduler-toolbar ul li.k-state-hover, .k-pager-wrap .k-link:hover, .k-dropdown .k-state-focused, .k-filebrowser-dropzone, .k-mobile-list .k-item > .k-link:active, .k-mobile-list .k-item > .k-label:active, .k-mobile-list .k-edit-label.k-check:active, .k-mobile-list .k-recur-view .k-check:active {
    /* color: #7a828f; */
    /* background-color: #eee; */
    /* border-color: #797979; */
    box-shadow: none;
}
.window_create_folder1 div.k-window-content {
    height: auto;
    outline: 0 none;
    padding: 0!important;
    position:relative;
    box-sizing: content-box;
    border-radius: 0;
}
center div{
    background: none;
    position: relative;
}
.sd-nav{
    background-color: #3498DB;
    position: fixed;
    width: 100%;
    z-index: 10000;
    color: white;
}
.preview-thumnail-scroll{
    overflow-x: hidden;
    overflow-y: scroll;
    height: calc(100vh - 42px);
}
.tabstrip_alt .k-tabstrip-items {
    /* background-image: none !important; */
}
.k-tabstrip-items .k-item.k-state-hover, .k-tabstrip-items .k-item.k-state-selected {
    border-color:lightgray;
    background-image: none;
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(#202333),to(#081421));
    background-image: none,-webkit-linear-gradient(top,#202333 0,#081421 100%);
    background-image: none,linear-gradient(to bottom,#202333 0,#081421 100%);
    background-image: none;
}
.k-panelbar .k-tabstrip-items .k-item, .k-tabstrip-items .k-item {
    list-style-type: none;
    display: inline-block;
    position: relative;
    border-style: solid;
    border-width: 1px 1px 0px;
    margin: 0 1px -1px 0px;
    padding: 0;
    vertical-align: bottom;
}
#docpreview_advanced_properies_grid .k-grid-content{
    height: calc(100vh - 190px);
    overflow: auto;
}
#files_info_wrapper .content_section{
    height: calc(100vh - 92px);
    background-color: white !important;
    border-radius: 0;
    overflow-x: hidden !important;
    overflow-y:hidden !important;
    clear: both;
    border-left: none !important;
    box-shadow: 0px 0px 0px 0px #88A3C1;
    margin-left: 0;
}
.form-control {
    display: block;
    width: 100%;
    height: 30px;
    padding: 0px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #DAD7D7;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s 
        ;
    box-sizing: border-box;
}
.form-control-none{
    border:none;
    width: 100%;
    height: 29px;
}
/*-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
box-sizing: border-box !important;
}*/
.k-filter-row th, .k-grid-header th.k-header {
    overflow: hidden;
    /* border-style: solid; */
    /* border-width: 0px 0 0px 1px; */
    padding: .5em .6em .4em .6em;
    /* font-weight: 400; */
    /* white-space: nowrap; */
    /* text-overflow: ellipsis; */
    /*text-align: center;*/
    /*    padding-left: 15px;*/
}
.form-control:focus {
    border-color: #C7C7C7;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: none;
}
.border-all{
    border:1px solid gray
}
.k-button.k-state-active, .k-button:active, .k-draghandle.k-state-selected:hover, .k-state-selected {
    /* background-image: url(textures/highlight.png); */
    /* background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.13)),to(rgba(0,0,0,.08))); */
    /* background-image: none,-webkit-linear-gradient(top,rgba(0,0,0,.13) 0,rgba(0,0,0,.08) 100%); */
    /* background-image: none,linear-gradient(to bottom,rgba(0,0,0,.13) 0,rgba(0,0,0,.08) 100%); */
    background-image: none;
}
.control-label{
    display: inline-block;
    max-width: 100%;
    /* margin-bottom: 0; */
    font-weight: bold;
    vertical-align: middle;
}
.grid_explorer{
    border-width: 0px;
}
.language_select{
    /* width: 59%; */
    position: relative;
    display: inline-block;
    margin: 5px;
}
.btn-block {
    display: block;
    width: 100%;
    box-sizing: border-box !important;
}
#upload_status{
    clear: both;
}
.fromServer,.fromPC{
    font-size: 24px;
    padding:8px
}
.fromServer:hover,.fromPC:hover{
    color:#3498db;
}
.alert-icon{
    text-align: center;
    font-size: 48px;
    color: #f9baa6;
}
.para-lh{
    line-height: 24px;
    min-height: 80px;
}
#sharebyemail_copy_btn{
    margin-top:0;
}
#fd_Comments{
    height: calc(100vh - 320px);
    overflow: auto;
}
.advPropsSize.datePicker{
    width:50%;
}
.span-details{
    margin-top: 0px;
    padding-left: 0px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    vertical-align: middle;
    width:70%;
    display: inline-block;
}
.sd-multi {
    color: rgba(11, 150, 236, 0.65098);
    margin-right: 4px;
    display: inline-block;
    vertical-align: middle;
}
#preview_wf_status_div .label{
    border-radius: 10px;
    padding: 3px 10px;
}
.wf-md-list{
    text-align: center;
    background-color: rgba(255, 255, 255, 0);
    font-size: 24px;
    color: #989898;
}
@media only screen and (max-width :1280px) {
    .file_icon {
        width: 25px;
        height: 25px;
        float: left;
        border: 0px solid red;
        margin-right: 10px;
        margin-top: -3px;
        vertical-align: middle;
    }
    .folder_list .list-group-item {
        margin-bottom: 0px;
        border: 0px;
        border-bottom: 1px solid #ddd;
        padding: 24px 10px;
        overflow: hidden;
    }
    .folder_item {
        padding-left: 17px !important;
    }
}
@media only screen and (max-width : 1280px) {
    .hidden-lg {
        display:block !important;
    }
    .hidden-sm, .hidden-xs{
        display:none !important;
    }
    .col-md-12 {
        width:100%;
    }
}
@media only screen and (max-width : 992px) {
    .hidden-sma{
        display:none !important;
    }
}
.onoff .switch {
    position: relative;
    display: inline-block;
    width: 41px;
    height: 15px;
}
.onoff label{
    padding-right:0;
}
.onoff .switch input {display:none;}
.onoff .slider1 {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
.onoff .slider1:before {
    position: absolute;
    content: "";
    height: 11px;
    width: 11px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
.onoff input:checked + .slider1 {
    background-color: #78AED2;
}
.onoff input:focus + .slider1 {
    box-shadow: 0 0 1px #2196F3;
}
.onoff input:checked + .slider1:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
/* Rounded sliders */
.onoff .slider1.round {
    border-radius: 34px;
}
.onoff .slider1.round:before {
    border-radius: 50%;
}
.onoff-bar{
    background-color: #ECECEC;
    min-height: 10px;
    padding: 4px 13px 9px 6px;
    border-top: 1px solid #D6DFE4;
    border-bottom: 1px solid #E6E6E6;
}
#basic_properies{
    border: none;
    overflow-x: auto;
    height: calc(100vh - 158px);
}
#preview_tab_strip-4{
    margin-top: 10px;
}
/*#automations_grid .k-grid tbody tr {
cursor: move;
}*/
/*}*/
/*Folder Automation css*/
.automation-input-wrapper{
    margin-left: 3%;
    margin-right: 3%;
    margin-top: 1%;
}
.condition-wrapper-div > div > #folder-automation-conditions-div > span, .condition-wrapper-div > div > #folder-automation-operators-div > span, .condition-wrapper-div > div > #folder-automation-operators-value-div > span{
    margin-bottom:10px;
}
#condition-wrapper > div {
    margin-bottom:10px;
}
#fa-RptContainer {
    /* text-align: center; */
    /* margin: auto; */
    margin-top: 15px;
    /* display: block; */
    /* height: auto; */
    /* width: 100%; */
    border: 1px solid #ddd;
    /* padding: 10px; */
    /*overflow-y: scroll;*/
    /*overflow-x: hidden;*/
    /* min-height: 290px; */
    /* max-height: 290px; */
}
#fa-endsOndiv > div {
    margin-top: 1%;
}
#folder-automation-form-wrapperX{
    /*overflow-y: scroll;*/
    max-height: 500px;
    /*height: calc(100vh - 130px);*/
    /* margin: 10px 10px 10px 10px; */
    overflow-x: hidden;
}
#automations_grid{
    overflow: auto;
    height: calc(100vh - 202px);
}
.md-space-top{
    margin-top: 20px;
}
.icon-ic_overlay_close_small {
    background-image: url(../../images/SpriteSheet/teknowmics_images_spritesheet.png?bust=25955);
    background-position: -1049px -563px;
    width: 10px;
    height: 10px;
    margin-top: 10px;
}
.fa-ellipsis{
    width: 180px;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.fa-font-title{
    color: #3498db;
    font-weight:600;
}
.fa-plus-icon{
    width: 175px;
    border-radius: 50px;
    font-size: 15px;
    text-align: center;
    vertical-align: middle;
    color: #78AED2;
    background-color: #F1F1F1;
    border-color: #E6E6E6;
}
.fa-plus-icon i{
    font-size: 18px;
}
.no-margin{
    margin:0 !important;
}
#startsOnDtRpt_timeview{
    height: 200px;
}
.k-textbox{
    border: 1px solid #ccc !important;
}
.k-dropzone em, .k-other-month, .k-other-month .k-link, .k-slider .k-draghandle, .k-state-disabled, .k-state-disabled .k-button, .k-state-disabled .k-link, .k-tile-empty strong {
    color: #999;
}
#sdnotePath{
    width: 120px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;   
}
#condition-wrapper .k-button{
    padding: 2px 0px 1px 9px;
    background-color: #BCBCBC;
    border-color: #A09D98;
    color: white;
}
#dev section {
    padding: 100px 0;
}
#dev section h2 {
    font-size: 50px;
}
#dev section.download {
    padding: 15% 0px;
    position: relative;
    height: calc(100vh);
}
#dev section.download h2 {
    margin-top: 0;
    font-size: 50px;
}
#dev section.download .badges .badge-link {
    display: block;
    margin-bottom: 25px;
}
#dev section.download .badges .badge-link:last-child {
    margin-bottom: 0;
}
#dev section.download .badges .badge-link img {
    height: 60px;
}
@media (min-width: 768px) {
    #dev section.download .badges .badge-link {
        display: inline-block;
        margin-bottom: 0;
    }
}
@media (min-width: 768px) {
    #dev section.download h2 {
        font-size: 70px;
    }
}
#condition-wrapper div.fa_condition_input{
    /*    max-height: 120px;
    overflow: auto;*/
    height:inherit;
}
.multipleSelect{
    max-height: 120px;
    overflow: auto;
}
#condition-wrapper input.fa_condition_input{
    height:30px;
}
.lh_theme {
    background-color: #6ed3cf !important;
    color: white;
}
.wf_tree_content{
    padding-left:25px;
}
.fa-form-control-size{
    border: 1px solid #CECDCD;
    border-radius: 4px;
    height: 30px;
    margin-right: 17px;
    width: 60%;  
}
.k-multiselect-wrap{
    max-height: 100px;
    overflow: auto;
}
.sd-sharelist-title{
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0px;
}
#selected_folder_name{
    color: #777;
    font-size:15px;
    font-weight:700;
}
#grid_automation_list .k-header .k-link{
    color:#71A3C6 !important;
}
#membersGrid .mssg_no_record{
    margin-top: 130px;
}
#automations_grid table td,#automations_grid table span{
    cursor: default!important;
}
#automations_grid table .drag-column{
    cursor: move!important;
}
#automation_content_wrapper .content_section{
    overflow: hidden;
}
.share-popup-overflow{
    overflow-y: auto;
    height: 370px;
    margin-right: -8px;
    overflow-x: hidden;
    border-bottom: 1px solid #E6E6E6;
    margin-left: -8px;
}

#sh_link_details_wrapper{
    margin: 20px 0px 10px 0px;
    border-style: ridge;
    border-width: 1px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.k-dropdown-wrap.k-state-border-down{
    /* border-bottom-width: 1px; */
    padding-bottom: 1px; 
}
.search_form-filter{
    display: inline-block;
    width:100px;
    margin: 0px;
    margin-right: -4px;
    vertical-align: middle;
    text-align: left;
    height:30px;
}
.search_form-filter-input{
    display: inline-block;
    vertical-align: middle;
}
.search_form-filter .k-state-default{
    border-radius: 6px 0px 0px 6px;
}
.search_form-filter-input #wf_action_search_txt {
    width: 300px;
    height: 30px;
    margin: 5px 0px;
    background-image: url(../../images/ic_search.png);
    background-repeat: no-repeat;
    text-indent: 0px;
    background-position: 2px 3px;
    padding: 0px 25px 0px 25px;
    border-radius: 0px 4px 4px 0px !important;
    border: 1px solid #D6D6D6;
}
.nav-float-right{
    float: right !important;
}
.sd_summary_section-left{
    display:inline-block;
    min-width: 200px;
}
.sd_summary_section-right{
    display: inline-block;
    float: right;
    margin-top: -6px;
    min-width: 200px;
}
.sd_summary_section-label{
    display: inline-block;
    float: right;
    margin-right:5px;
    color: #3F51B5;
}
.advance_wf_filter_box .k-state-default .k-input
{
    /* width: 190px !important; */
    /* height:25px; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.wf-filter-scroll-ctrl{
    overflow-y: auto;
    max-height: 425px;
    margin:0 -14px;
    padding: 15px !important;
    margin-bottom: 0px;
    border-bottom: 1px solid #DCD9D9;
    min-height: 250px;
    overflow-x: hidden;
}
#myworkflow_main_wrapper .k-grid td {
    border-style: solid;
    /* border-width: 0 0 0 0px; */
    padding: 0px 11px;
    overflow: hidden;
    line-height: 20px;
    vertical-align: middle;
    text-overflow: ellipsis;
    cursor: pointer;
    padding-left: 10px;
}
#myworkflow_main_wrapper .k-grid td {
    font-weight: 400;
    border-width: 0;
    height:45px;
}
#filter-box{
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 5px; 
}
/* form mapping visibility changes */
#addremove-form-fields-hidden .list-group-item.active ,#addremove-form-fields-visible .list-group-item.active {   
    color: #333 !important;
    background-color: #eee !important;
    border-color: #ddd;
    border-radius: 0;
}
.wf-field.hiddenClass{
    display:none;
}
.panel-heading.formFieldsAttach{
    background-color: #337ab7;
    color: #fff;
    padding: 5px 15px;
}
.wf-add-remove-field-list {
    height: 265px;   
    border: solid 1px #ccc;
    background-color: white;
    border-radius: 4px;
    overflow-y: auto;    
    clear: both;
}
#form_mapping_btns div[data-value='HIDDEN']{
    display:none; 
    /*    // hidden button removed form mapping*/
}
.wf-add-remove-field-list .list-group-item 
{
    padding: 4px 15px;
}
/* End form mapping visibility changes */
.search-filter-header{
    margin-top: 0px;
    background-color: #EFEFEF;
    border-bottom: 1px solid #E4E4E4;
    margin-top: -15px;
}
.sd-media-content{
    color: dimgrey;
}
.sub-title-success{
    font-size: 12px;
    color: #2ecc71;
    margin-left:13px;
}
.wf_filter_FromDate:after{
    content: ' - ';
    position: absolute;
    right: 0px;
    top: 5px;
}
.ellipsis-width{
    width: 325px;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    vertical-align: middle;
    font-weight: normal;
    color: #3498db;
    font-size: 14px;
    /*    -------------------------------------------------*/
}
.k-grid td {
    overflow: hidden;
    text-overflow: ellipsis;
}
.wf-user-name{
    white-space: nowrap;
    display: block;
    font-size: 14px;
    color: #3F51B5;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    /* width: 90%; */
}
.wf-user-sub-title{
    font-size:12px;
    /*color: #404040;*/
    font-weight: normal;
}
.wf-user-left{
    vertical-align: middle;
    display: inline-block;
    /* float: left; */
    position: relative;
}
.wf-user-body{
    vertical-align: middle;
    display: inline-block;
    font-weight: bold;
    /* text-overflow: ellipsis; */
    /* overflow: hidden; */
    max-width: 65%;
    /* white-space: nowrap; */
    /* float: right; */
}
.wf-req-title-left{
    float: right;
    display: inline-block;
    min-width: 40px;
    /* height: 20px; */
    /* background-color: beige; */
    /* vertical-align: baseline; */
    /* flex-wrap: nowrap; */
    /* flex-direction: inherit; */
    /* flex-flow: inherit; */
}
.wf-req-title-right{
    overflow: hidden;
    word-break: break-all;
    display:block;
    position: relative;
    height:2.8em; /* exactly two lines */
    vertical-align: middle;
    max-width:60%;
    /*    margin-right: 10px;*/
    float: left;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* number of lines to show */
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.wf-req-title-right-100{
    overflow: hidden;
    word-break: break-all;
    display:block;
    position: relative;
    height:1.5em; /* exactly two lines */
    vertical-align: middle;
    max-width:100%;
    /*    margin-right: 10px;*/
    float: left;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* number of lines to show */
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #4a4a4a;
}
.wf-Que-title-right{
    overflow: hidden;
    display:block;
    position: relative;
    height:2.8em; /* exactly two lines */
    vertical-align: middle;
    max-width: 85%;
    margin-right: 10px;
    float: left;
    min-width: 80%;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* number of lines to show */
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.wf-Name-title-right {
    overflow: hidden;
    word-break: break-all;
    display:block;
    position: relative;
    height:2.8em; /* exactly two lines */
    vertical-align: middle;
    max-width: 90%;
    margin-right: 10px;
    float: left;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* number of lines to show */
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.wf-Name-title-AllWf{
    overflow: hidden;
    white-space:nowrap;
    display:block;   
    /*width: 98%;*/
    /*margin-right: 10px;*/
    /*float: left;*/
    color: #3f51b5;
    text-overflow: ellipsis;  
    font-weight:600 !important;
}
.wf-req-title-content{
    display: grid;
    vertical-align: middle;
    /* min-width: 100%; */
}
.wf-user-list{
    display: block;
    max-width: 260px;
    min-width: 130px;
}
.wf-due-date{
    display: block;
}
.wf-req-number{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    /* max-width:150px; */

}
.wf-label-info-type{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    max-width: 100px;
}
.wf-due-date{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100px;
    display: block;
}
.wf-overdueDate{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    color: #e74c3c;
    font-size: 12px;
    margin-left: 13px;
}
.wf-status{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100px;
    display: block;
}
.wf-name{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 200px;
    display: block;
    max-width: 270px;
    min-width: 190px;
}
#myworkflow_main_wrapper td{
    text-overflow: ellipsis;
    overflow: hidden;
}
.wf-Que-list{
    max-width: 350px;
    display: block;
    overflow: hidden;
    text-overflow:ellipsis;
}
.wf-badge{
    display: inline-block;
    /* min-width: 10px; */
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 11px;
}
@media (min-width: 1366px) and (max-width: 1920px) { 

    .wf-req-title-right {
        overflow: hidden;
        word-break: break-all;
        display: block;
        position: relative;
        height:2.8em; /* exactly two lines */
        vertical-align: middle;
        max-width:85%;
        /* margin-right: 10px; */
        float: left;
        text-overflow: ellipsis;
        display: -webkit-box;
        /* number of lines to show */
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    } 
}
@media (min-width: 1000px) and (max-width: 1365px) {
    .wf-req-title-right {
        overflow: hidden;
        word-break: break-all;
        display:block;
        position: relative;
        height:2.8em; /* exactly two lines */
        vertical-align: middle;
        max-width:70%;
        /* margin-right: 10px; */
        float: left;
        text-overflow: ellipsis;
        display: -webkit-box;
        /* number of lines to show */
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    } 
}
@media (min-width: 900px) and (max-width: 999px) {
    .wf-req-title-right {
        overflow: hidden;
        word-break: break-all;
        display:block;
        position: relative;
        height:2.8em; /* exactly two lines */
        vertical-align: middle;
        max-width:40%;
        /* margin-right: 10px; */
        float: left;
        text-overflow: ellipsis;
        display: -webkit-box;
        /* number of lines to show */
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    } 
}
.wf-right-cnt:after{
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70%;
    height: 1.2em;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}
.sd-grid-unclaim-btn .action_button_text{
    white-space: nowrap;
}
#balSlider-wrapp .k-input{
    border: 1px solid #000000 !important;
    background-color: #000000 !important;
    color:#e4e4e4 !important;
    border-radius: 4px !important;
}
#balSlider-wrapp .k-select{
    background:none !important;
}
#balSlider-wrapp .k-dropdown-wrap .k-select {
    position: absolute;
    top: 0;
    right:0px;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    border: none;
}
#balSlider-wrapp  .k-dropdown-wrap{
    background:none !important;
    border: none;
    height: 26px;
    line-height: 25px;
    background: #ededed;
    padding-right: 0;
}
#balSlider-wrapp{
    vertical-align: middle;
    height: 29px;
    display: inline-block;
}
#balSlider-wrapp .k-header {
    background: none;
    /* position: relative; */
    vertical-align: middle;
    width: 70px;
}
.preview-box{
    /* position: fixed;*/ /*commented for preview issue in tab*/
    width: 100%;
}
#preview_nextPage_icon ,#preview_prePage_icon{
    color: #696363;
}
#preview_nextPage_icon:hover,#preview_prePage_icon:hover{
    color: white;
}

/*Share links - start*/

.fa.k-sprite,
.fa.k-sprite::before {
    font-size: 12px;
    line-height: 12px;
    vertical-align: middle;
}
#comments_grid .mouse_hover{
    visibility: hidden;
}

#comments_grid .mouse_hover.showme{
    visibility: visible;
    position: relative;
    top: -55px;
    right: 5px;
    font-size: 15px;
    color: #999;
}
#doc_preview_comments_wrapper .mouse_hover{
    visibility: hidden;
}

#doc_preview_comments_wrapper .mouse_hover.showme{
    visibility: visible;
    position: relative;
    top: -15px;
    right: 5px;
    font-size: 15px;
    color: #999;
}
.sh-received-links {
    white-space: nowrap;
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}
.share-adnaced-option{
    width:100%; 
    text-align:left; 
    line-height:0.1em; 
    margin:12px 15px 20px;
}

.share-adnaced-option-lbl{
    background:#fff; 
    padding:0 10px;
    font-weight: bold;
    padding-right: 0;
}

.share-popup-lbl{
    background:#fff; 
    padding:0 10px;
    font-weight: bold;
    padding-right: 0;
    color: #337ab7;
}

.paddding-top-5{
    padding: 5px 0px;
}

.sh-link-box{
    height: 34px;
    border-radius: 0px 4px 4px 0px;
    border: 1px solid #2980b9;
}

.border-radius-right-flat{
    border-radius: 4px 0px 0px 4px;
}

.border-radius-left-flat{
    border-radius: 0px 4px 4px 0px;
}

.padding-top-5{
    padding-top: 5px;
}
.padding-top-5-i{
    padding-top: 5px !important;
}

.sh-popup-link-red{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #24a3e0 !important;
    margin: 3px 0px;
    height: 26px;
}
/*.sh-popup-link-red{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #ff6767 !important;
    margin: 3px 0px;
    height: 26px;
}*/
.sh-popup-link-blue{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #24a3e0 !important;
    margin: 3px 0px;
    height: 26px;
}

.sh-popup-hint{
    float: right;
    padding-right: 25px;
    color: #ff6767;
    font-style: italic;
    font-size: 12px;
    padding-top: 2px;
}

.share-preview-nav-btn{
    display: inline-block;
    transition: all .5s ease-in-out;
    box-sizing: border-box;
    margin-right:10px !important;
    vertical-align: middle;
    text-align: center;
    font-size:21px;
}

.managelinks1{
    background-color: #f2f5f7;
    height: 35px;
    padding-top: 9px;
    font-weight: 500;
    padding-left: 13px;
    border-bottom: thin ridge #e8e8e8;
}
.topbar1{
    padding-top: 5px;
}
.topbar2{
    padding-left: 36px;
    padding-top: 5px;
}

.float-left{
    float: left !important;
}

.sh-manage-link{
    white-space: nowrap;
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}

.sh-folder-prev-bg{
    background-color: white;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 12px;
    height: 94vh;
}

.sh-folder-prev-grid_border{

    border: 2px solid #cccccc;
    border-radius: 4px 4px 4px 4px;
}

.height-10{
    height: 10px;
}

.share-help-block{
    display: block;
    margin-bottom: 10px;
    color: #737373;
}

#sh_share_popup_password_textbox{
    text-align: center;
}

table.share-editor
{
    height: 100px;
}

table.share-editor iframe.k-content
{
    height: 50px; /* 50px less than the Editor height */
}

.border-blue{
    border: 1px solid #ceeaf5;
    margin: 5px;
    border-radius: 4px;
    height: auto;
    min-height: 250px;
}

.horizontal-line{
    border: 1px solid #d4d4d4;
}
.sd_summary_section-pull-right{
    display: inline-block;
    float: right;
    margin-left: 10px;
    min-width: 200px; 
}
.sd_summary_section-pull-left{
    display: inline-block;
    float: left;
    margin-left: 10px;
    min-width: 165px; 
}
.sd_summary_section-label-margin-t{
    line-height:30px;
    text-align: right;
}
.sd_summary_section-label-margin-left{
    line-height:30px;
    text-align: left;
}
.share_nav_icon {
    float: left;
    font-size: 20px;
    margin: 5px;
    margin-top: -4px;
    color: #78AED2;
    cursor: pointer;
}
.sd-back-btn{
    float: left;
    font-size: 23px;
    margin-top: 0;
    color: #78AED2;
    cursor: pointer;
    vertical-align: middle;
}
.wf-filter-scroll-ctrl-resources {
    overflow-y: auto;
    max-height: 425px;
    margin: 0 -14px;
    padding: 15px !important;
    margin-bottom: 0px;
    border-bottom: 1px solid #DCD9D9;
    overflow-x: hidden;
}

.sh-grid-header{
    padding: 6px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: grey;
    color: white;
    text-align: center;
    font-weight: 800;
}

#sh_link_details_settings_wrapper table{
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#sh_link_details_settings_wrapper td{
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
    font-size: 13px;
}

#sh_link_details_settings_wrapper tr td:first-child{
    background-color: #f1f1f1;
    width: 137px;
    font-weight: 700;
}

.vertical-padding-o{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#mf_share_setview{
    float:left;
}

.sh-bg-grey{
    background-color: #ccc9c9;
    height: 23px;
}

.sh-badge-center{
    background-color: #eaeaea;
    text-align: center;
    height: 23px;
}

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

.no-margin{
    margin-right: -15px; 
    margin-left: -15px; 
}

#preview_tab_strip .badge{
    background-color: #79bce9;
}

#fd_share_link .badge{
    background-color: #79bce9;
}

.receivedLinks{
    text-align: left;

}

#sh_share_popup_selected_recipients_taglist li{
    background: #BDBDBD !important;
    color: #000 !important;
    border-radius: 4px !important;
    margin: 3px 0 2px 3px;
    border: 0;
    padding: 3px 3px 3px 10px;
    white-space: pre;
}

#sh_multi_window_file_list_taglist li{
    background: #CFE0EC;
    color: #788C9A;
    margin: 3px 0 2px 3px;
    border: 0;
    padding: 3px 3px 3px 10px;
    white-space: pre;
}

.sh-recipents-box{
    border: 1px solid #b9b9b9;
    /*margin-top: 15px;*/
    margin-bottom: 14px;
    margin-right: 20px;
    margin-left: 15px;
}

#sh_share_popup_email_settings_section .k-multiselect{
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: hidden;
}

#sh_share_popup_subject_area .k-editable-area{
    padding: 0;
    border: 0;
    margin: 0;
    height: 26px;
}

#sh_share_popup_subject_area table{
    height: 30px;
}

.no_left_padding{
    padding-left: 0;
}

#sh_multi_window_header .k-multiselect-wrap{
    max-height: 50px;
}

.user_image_menu_share{
    width: 17px;
    height: 17px;
    overflow: hidden;
    float: left;
    background-color: #F1F1F1;
    margin: 0;
}

#sh_share_popup_message_section_adv_option iframe{
    height: 150px;
}

.no-scroll{
    /*    overflow-y: hidden !important;*/
    overflow-x: hidden !important;
}

.share-pswd-icon {
    text-align: center;
    font-size: 75px;
    color: #f9baa6;
}

.share-pwd-padding{
    background-color: white;
    padding: 20px;
    border: 1px solid #d2d2d2;
    box-shadow: 0px 0px 25px 0px #bdbdbd;
    border-radius: 4px;
    margin: 0px auto;
    position: relative;
    width: 500px;
    top: 220px;
}

#sh_external_password_cont{
    border-radius: 0px 4px 4px 0px;
}

#sh_external_password_input{
    height: 34px;
    border-radius: 4px 0px 0px 4px;
    right: -1px;
    position: relative;
}

#sh_external_password_cont{
    height: 34px;
    width: 75px;
}

#my_share_received_grid .k-grid-content{
    height: calc(100vh - 175px)!important;
}

#sh_file_details_grid .k-grid-content{
    height: calc(100vh - 270px)!important;
}

.padding-right-o{
    padding-right: 0px;
}

.file-preview-header-external{
    height: 53px;
    background-color: #4a148c;
}

.padding-top-3{
    padding-top: 3px;
}

#sh_share_popup{
    overflow: hidden;
}
/*Share links - end*/

/*Distribution*/
.category_subheader_section{
    line-height: 18px;
    background-color: #ecf2f3;
    padding: 7px 0;
    border-bottom: #e2e1e1;
    border-bottom-style: solid;
    border-bottom-width: thin;
}
.sd-dist-label{
    display: inline-block;
    float: right;
    padding: 7px 8px;
}
.sd-title-bold{
    font-weight: bold;
    font-size: 14px;
}
.sd-sub-title-flat{
    font-size: 12px;
    color: #9a9c9e;
}

#create_distribution_tab-1 .k-content, #create_distribution_tab-1 .k-editor{
    height: calc(100vh - 565px) !important;
}

.sd_label_success{
    background-color: #1abc9c;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    width: auto;
    vertical-align: -webkit-baseline-middle;
    font-weight: bold;
}
.w-100{
    width: 100%;
}

#create_distribution_tab .k-content.k-state-active{
    min-height: calc(100vh - 320px);
}

.sd-notify{
    float: left;
    width: 135px !important;
    margin-right: 7px;
}
.w-4{
    width: 4% !important;
}
.mt5{
    margin-top: 5px;
}

.file_details_ul{
    padding-top: 10px;
}
.tab_content{
    padding-left: 10px;
}
.sd-dist-flat-plain {
    padding: 5px 25px;
}

.padding-bottom-7{
    padding-bottom: 7px;
}

.folder-preview-adv-option{
    height: calc(100vh - 40px);
    background-color: white;
    right: 0;
    position: fixed;
    border-left: 1px solid #C9DAE6;
}
#dist_dtls_analytics_read_user_val.badge{
    background-color: #5e97f6;
}
#dist_dtls_analytics_unread_user_val.badge{
    background-color: #ff420e;
}
#dist_dtls_read_none_val.badge{
    background-color: #ff420e;
}
#dist_dtls_read_partial_val.badge{
    background-color: #ffd220;
}
#dist_dtls_read_all_val.badge{
    background-color: #579c1b;
}
/*Distribution end*/

#add_schedule_startdt_txt_timeview{
    height: 200px;
}

.tab-height{
    border: none;
    margin: -4px;
}

#add_schedule_tab .k-content{
    min-height: calc(100vh - 600px);
}

#add_schedule_tab-1 .k-content, #add_schedule_tab-1 .k-editor{
    height: calc(100vh - 585px) !important;
}

#add_schedule_srch_txt{
    width: 97%;
    height: 27px;
    margin: 3px 5px;
    background-image: url(../../images/ic_search.png);
    background-repeat: no-repeat;
    text-indent: 15px;
    background-position: 2px 3px;
    padding: 0px 10px;
}
.active #action_search_txt,.active #add_schedule_srch_txt{
    background-image: url(../../images/ic_search.png), url(../../images/ic_close.png);
    background-position: 2px 3px, right 3px top 5px;
    background-repeat: no-repeat, no-repeat;
}

#add_schedule_tab-2 .k-grid-content{
    height: calc(100vh - 550px) !important;
}

.preview-padding-top{
    padding-top: 50px !important;
}

.attachicon{
    color: #78AED2;
}

.overlay-bar-popup
{
    display: block;
    height: 40px;
    /*width: 84%;*/
    background-color: #3498db;
    z-index: 5;
    /*position: fixed;*/
    margin-top: -2px;
    margin-left: 0px;
    opacity: 1;
    border-radius: 0px;
    padding-top: 0px;
    line-height: 40px;
    vertical-align: middle;
    margin-right: 0;
    border-radius: 5px;
}

.overlay-bar-popup ul li
{
    display: inline;
    margin-left: 30px;
    margin-right: 0px;
    text-align: center;
    vertical-align: middle;
    position: relative;
}
.overlay-bar-popup ul li a
{
    color: #f2f2f2;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}

.icon-ic_distribution{
    background-image: url(../../images/assets_user/dst.png?bust=25955);
    width: 100%;
    height: 85px;
    background-repeat: no-repeat;
    background-position: 35px 20px;
}
.icon-app_distribution{
    background-image: url(../../images/assets_user/dst.png?bust=25955);
    width: 100%;
    height: 85px;
    background-repeat: no-repeat;
    background-position: 26px 20px;
}
.text-blue{
    color: #3498DB;
    font-weight:bolder;
    padding: 7px 8px;

}
.dist-grid-content .k-grid-content{
    height: calc(100vh - 173px) !important;
}

#create_distribution_settigs_grid .k-grid-content{
    height: calc(100vh - 431px) !important;
}

#create_distribution_scedules_grid .k-grid-content{
    height: calc(100vh - 414px) !important;
}

.sd-dist-csv{
    padding: 8px 15px 5px 0px;
}
.refresh-schedule{
    float: right;
    margin-right: 16px;
    line-height: 30px;
}
#view_schedule_message{
    overflow: auto
}
#dist_dtls_files_header{
    line-height: 30px;
}
/*Distribution end*/
#dist_dtls_Sd-analytics_chart1{
    height: 185px;
}
#dist_dtls_Sd-analytics_bar1 {
    margin-top: 35px;
    height: 135px;
}
#analytics_user_count, #analytics_file_count{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}
#dist_schedule_Tabs_wrapper-4 label{
    font-weight: normal;
}

.middle-overlay-bar{
    width: 97% !important;
    position: absolute !important;
}
#distribution_dtls_Tabs_wrapper .k-content.k-state-active{
    min-height: calc(100vh - 330px);
}
#dist_schedule_Tabs_wrapper .k-content.k-state-active{
    min-height: calc(100vh - 405px);
}

#sh_folder_preview_comments_main_wrapper{
    padding: 10px;
}
.comment_grid{
    width: 20%;
}
.comment_delete{
    position: absolute;
    /* top: right;*/
}
#comments_grid.share_cmt_image{
    padding-bottom: 25px;
    padding-top: 0px;
    width:13%;
}
#comments_grid td{
    vertical-align: top;
    position: relative;
}
.k-icon .k-delete{
    color: black;
}
.comment-grid-height-on-click{
    height: calc(100vh - 310px);
}
.comment-grid-height-on-active{
    height: calc(100vh - 250px);
}
.comment-grid-height-on-click-session{
    height: calc(100vh - 310px);
}
.comment-grid-height-on-active-session{
    height: calc(100vh - 240px);
}

.shrinked-label{
    display: inline-block;
    float: left;
    padding: 0px 10px 0px 0px;
    vertical-align: middle;
    line-height: 28px;
}
.side_section{
    border-right: 1px solid #d4d4d4;
    height: calc(100vh - 95px);
    overflow-y: auto;
    overflow-x: hidden;
}
.dist-top-header-title{
    display: inline-block;
    line-height: 32px;
    font-size: 16px;
    font-weight: 300; 
}
.folder_preview_external{
    z-index: 1003 !important;
    top: 33px !important;
}
.folder-preview-internal{
    z-index: 1003 !important;
    top: 93px !important;

}

.tags_item a:after {
    content: ", ";
}
#recipients_list_ul > .tags_item:last-child a:after {
    content: "";
}
#comments_grid td{
    border-color: #dadada;
}
.author{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 59%;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 800; 
    color: #797777;
}
.header-search-input{
    width: 300px;
    height: 30px;
    margin: 5px 0px;
    /* background-image: url(../../images/ic_search.png); */
    background-repeat: no-repeat;
    text-indent: 15px;
    background-position: 2px 3px;
    padding: 0px 10px;
    border: 1px solid rgb(214, 214, 214);
    display: block;
    border-radius: 4px !important;
}

/* SD Chat */
.my_chat_menu{
    display: none;
    width: 155px;
    position: absolute;
    top: 50px;
    border: 1px solid #ccc;
    border-radius: 3px;
    z-index: 10;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.chat_status_menu_item{
    list-style-type: none;
}
.chat_status_menu_item li{
    padding:5px 0px;
}
.chat_status_menu_item a:hover{
    text-decoration: none;
}
.chat_status_menu_item .fa, .SDChat .fa{
    position:relative;
    right:6px;
}
.fa.online, .fa.green, .online, .ONLINE{ color:#62ca06;/*#689f38;*/ }
.fa.away, .away, .AWAY{ color:#ff9800; }
.fa.offline, .offline, .OFFLINE{ color:gray; }
.chat_launch_button{   
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif !important;
    font-size: 100% !important;
    position: fixed !important;
    right: 20px !important;
    left: auto !important;
    height: 40px !important;
    width: auto !important;
    z-index: 10000000000000 !important;    
    border: 0 !important;
    box-shadow: 0 3px 15px 0 rgba(0,0,0,0.25) !important;
    box-sizing: border-box !important;
    padding: 0 20px !important;
    transition: all .4s,bottom .8s ease-in-out !important;
    cursor: pointer !important;
    outline: none !important;
    display: inline-block !important;
    margin: 0 !important;
    -webkit-font-smoothing: antialiased !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;    
    border-radius: 8px 8px 0 0 !important;
    bottom: 0 !important;
    top: auto !important;
    background-color: #563acf !important;
    color: #fff; opacity: 0.9;
}
.chat_launch_button div{
    padding:10px;
}
#chat_launch_button_close{
    position: relative;
    bottom: 42px;
    left: 65px;
    cursor: pointer;
    color: #d3c2c2;
    font-size: small;
}
.disableChat{
    display:none !important;
}
#createproject_enableChat{
    vertical-align: middle;
}
#goto_chat_btn {
    background-color: #563acf !important;
    color: #fff;
    opacity: 0.7;
}
/* SD Chat End */
#dist_view_comment_grid .mouse_hover{
    visibility: hidden;
}

#dist_view_comment_grid .mouse_hover.showme{
    visibility: visible;
    position: relative;
    top: -42px;
    right: 5px;
    font-size: 15px;
    color: #999;
}
.icon_save_to{
    background: url(../../images/assets_user/folder_white.png);
    width: 23px;
    height: 24px;
    vertical-align: middle;
    margin-right: 3px;
    vertical-align: -6px;
    display: inline-block;
}
#wf_share_popup_selected_recipients_taglist li{
    background: #CFE0EC;
    color: #788C9A;
    margin: 3px 0 2px 3px;
    border: 0;
    padding: 3px 3px 3px 10px;
    white-space: pre;
}

#wf_multi_window_file_list_taglist li{
    background: #CFE0EC;
    color: #788C9A;
    margin: 3px 0 2px 3px;
    border: 0;
    padding: 3px 3px 3px 10px;
    white-space: pre;
}

.sh-recipents-box{
    border: 1px solid #b9b9b9;
    margin-top: 15px;
    margin-bottom: 14px;
    margin-right: 20px;
    margin-left: 15px;
}
#wf_share_popup_email_settings_section .k-multiselect{
    max-height: 60px;
    overflow-x: hidden;
    /*    overflow-y: scroll;*/
}

#wf_share_popup_subject_area .k-editable-area{
    padding: 0;
    border: 0;
    margin: 0;
    height: 26px;
}

#wf_share_popup_subject_area table{
    height: 30px;
}

.no_left_padding{
    padding-left: 0;
}

#wf_multi_window_header .k-multiselect-wrap{
    max-height: 50px;
}
#wf_share_popup_message_section_adv_option iframe{
    height: 75px;
}
.inline-blck-fly-left{
    display: inline-block !important;
    float: left !important;
}
.tab-ellipses{
    width: 110px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.wf-ext-details-div{
    height: calc(70vh - 126px) !important;
}
.dist_content_section {
    height: calc(100vh - 55px);
    /* background-color: rgb(255, 255, 255)!important; */
    border-radius: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    clear: both;
    border-left:none !important;
    /* box-shadow: 0px 0px 0px 0px #88A3C1; */
    margin-left:0;
}
#login_logo {
    max-width: 100%;
}
.icon-ic_file_visio {
    background-image: url(../../images/assets/ic_icon_visio.png);
    /*background-position: -394px -635px;*/
    width: 20px;
    height: 20px;
}

.ellipses-overflow{
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipse-overflow_whitespace{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}

#wf_def_dynamic_role_list_wrapper .k-dropdown-wrap{
    /*height: 20px;*/
    top: -5px;
}

#wf_def_dynamic_role_list_wrapper .k-input{
    padding-top: 0px;
}

#wf_def_dynamic_role_list_wrapper .k-i-arrow-s{
    top: -2px;
    padding-top: 8px;
}

#wf_def_dynamic_role_list_wrapper{
    width: 160px;
}
div.form-control{
    border: 1px dashed #676767;
    background-color: transparent;
}

.horizontal-padding-o{
    padding-left: 0px;
    padding-right: 0px;
}

.new-req-form-area-div .wf-custom-field-wrapper .col-md-4{
    text-align: left;
    max-width: inherit !important;
}

#wf_ccid_aggregate_evaluate_btn{
    padding: 4px 12px !important;
}

#ccid_validation_result{
    color: red;
}

.wf-task-details-file-name{
    font-weight: bold;
    margin-top: 8px !important;
    color: #545454;
    font-size: 13px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.wf-task-details-file-uploaded-user{
    font-size: 12px !important;
    color: #2196F3 !important;
}

#wf-form-fields-type{
    overflow-x: scroll;
}
#edit_ButtonCriteria .k-multiselect-wrap li {
    background: #CFE0EC;
    color: #788C9A;
    margin: 3px 0 2px 3px;
    border: 0;
    /* font-size: 18px; */
    padding: 3px 3px 3px 10px;
    white-space: pre;
}
.modal-footer-fixed {
    padding: 8px 15px 9px;
    margin-bottom: 0;
    text-align: right;
    background-color: #FFFFFF;
    border-top: 1px solid #FFF;
    border-radius: 0 0 6px 6px;
    box-shadow: inset 0 1px 0 #ffffff;
}
.modal-cnt-fixed-scroll{
    overflow: auto;
    height: calc(100vh - 227px);
    border-bottom: 1px solid gainsboro;
}
#edit_ButtonCriteria{
    margin:0;
    padding:0;
}
.wf_ext_params{
    font-weight: 500;
}
.tab-template{
    padding-left: 10px;
    padding-right: 10px;
}
.fd-tab-height{
    height:245px !important;
}
.share-height{
    height:420px !important;
}
/*wkf adhoc report*/
#wf_adhoc_report_grid td span{
    height: 20px;
}

#wf_reports_workflow_grid tr{
    height: 20px;
}

.wf_reports_template_grid td span{
    height: 40px;
}

#wf_adhoc_report_grid .k-grid-header th{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
#fd_Properties{
    overflow-y: scroll;
    height: calc(100vh - 316px);
    overflow-x: hidden;
}
.sub_action_button{
    font-size: 12px;
}

/*WF Adhoc report*/ 

.allign-bottom{
    position: absolute;
    bottom: 0;
}

#wf_report_template_save{
    margin-bottom: 10px;
}

.left-tree-height{
    height: calc(100vh - 130px);
}

#wf_report_create_wrapper .btn{
    padding: 3px 10px;
}

#wf_report_create_wrapper hr{
    margin-top: 19px;
    margin-bottom: 5px;
}
#wf_adhoc_report_options_pop hr{
    margin-top: 19px;
    margin-bottom: 5px;
}

#wf_report_options_link a{
    text-decoration: underline;
}

.file-prop-view-mode{
    font-weight: 500;
    font-size: 14px;
    padding-left: 2px;
}

.file-details-btn{
    position: relative;
    margin-top: -2% !important;
    left: -15%;
}

#file_details_meta_data_grid input{
    height: 25px;
}

.file-details-new-btn{
    padding: 3px 7px;
    border: 2px solid #2980b9;
    background-color: transparent;
    border-radius: 4px;
    display: inline-block;
    color: #2980b9;
    cursor: pointer;
    float: right;
    margin: 5px;
}

.file-details-btn-wrap{
    width: 210px;
    height: 40px;
    position: absolute;
    top: -47px;
    right: 0;
}

.meta-data-property-error-message{
    color: red;
}

.meta-data-property-mandatory-error-message{
    color: red;
}

.border-grey{
    border: 1px solid #dedede;
}

.padding-bottom-10{
    padding-bottom: 10px;
}

.border-bottom-blue{
    border-bottom: 1px solid #337ab7
}

.border-bottom-grey{
    border-bottom: 1px solid #bdbdbd
}

#wf_report_options_basic_options span{
    cursor: pointer;
}

#wf_report_options_columns span{
    cursor: pointer;
}

.report-filter-options .k-i-arrow-s{
    padding-bottom: 8px;
}
.report-filter-options .k-dropdown-wrap{
    /*height: 25px;*/
}
.report-filter-options .k-input{
    /*padding-top: 0;*/
    height: 18px;
}

.height-20{
    height: 25px;
}

.filter-chk{
    margin-top: 3px;
}

.report-filter-options{
    background-color: #fbfbfb;
    padding: 6px;
    margin: 5px;
    border: 1px solid #d4d4d4;
    border-radius: 4px;

}

#wf_adhoc_report_filter_wrapper{
    border-right: 1px solid #d4d4d4;
    position: relative;
}

#wf_adhoc_report_filter_section{
    height: 350px;
    overflow-y: auto;
}

.wf-report-collapse-arrow{
    position: absolute;
    background: #ffffff;
    padding: 2px 4px;
    top: 59px;
    border-radius: 0px 5px 5px 0px;
    color: white;
    z-index: 100;
    border: solid 1px #ccc;
}

.wf-report-enlarge-arrow{
    position: absolute;
    background: #ffffff;
    padding: 2px 4px;
    top: 59px;
    border-radius: 0px 5px 5px 0px;
    color: white;
    z-index: 100;
    border: solid 1px #ccc;
}

#wf_report_resize_arrow:hover {
    background: #dedede;
    cursor: pointer;
}

#wf_report_resize_arrow .fa {
    color: #929292;
}

.wf-report_msg-subject-section {
    height: 39px;
    padding-top: 0px;
    border-bottom: 1px solid #ddd;
    background-color: #82a4c5;
}

.wf-report-header{
    color: white;
    left: -50px;
    top: 6px;
}

#wf_report_name{
    font-size: 17px;
    height: 17px;
}

.msg-header{
    color: white;
    padding-top: 5px;
    cursor: pointer;
}
.msg-header-back-arrow{
    color: #fff;
    padding-top: 5px;
    cursor: pointer;
    float: left;
    width: 40px;
    height: 35px;
    padding-left: 10px;
    padding-right: 35px;
}

.report-nav-icon{
    font-size: 20px;
    cursor: pointer;
}

#wf_report_template_avalable_col .k-grid-content{
    height: 250px;
}
#wf_report_template_selected_col .k-grid-content{
    height: 220px;
}

#wf_report_template_selected_col td{
    padding-left: 4px;
    padding-right: 0;
}

#wf_report_options{
    display: inline-block;
    float: right;
    margin-right: 20px;
}

.wf-report-set-view-dd{
    padding-top: 3px;
}

.wf-report-header-dd-wrapper{
    float: right;
}

.wf-report-set-view{
    padding-top: 8px;
    color: white;
}

.wf-report-filter-option .k-i-calendar{
    margin-bottom: 7px;
}
.wf-report-multiple-date .k-i-calendar{
    margin-bottom: 7px;
}

.wf-report-clear-link{
    float: right;
    margin-right: 14px;
}

.wf-report-remove-link{
    font-size: 12px;
    background-color: #82a4c5;
    color: aliceblue;
    padding: 3px 10px;
    float: right;
    border-radius: 4px;
    cursor: pointer;
}

#wf_report_clear_btn{
    font-size: 14px;
}

#wf_adhoc_report_add_filter_section{
    background-color: #f3f3f3;
    padding-bottom: 6px;
    border-bottom: 1px solid #dedede;
}

#wf_adhoc_report_filter_button_section{
    border-bottom: 1px solid #e0e0e0;
}
#advanced_search_filter_button_section{
    border-bottom: 1px solid #e0e0e0;
    background-color: #ebf6ff;
}

.advanced-search-filter-items{
    background-color: #e7e7e7;
    padding: 6px;
    margin: 2px 13px;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
}

#advanced_search_wrapper .k-dropdown-wrap .k-input{
    height: 20px;
    /* line-height: 16px; */
}

#advanced_search_wrapper .k-dropdown-wrap .k-i-arrow-s{
    padding-bottom: 5px;
}

/*#advanced_search_wrapper .k-multiselect-wrap{
    height: 20px;
    min-height: 0;
}*/

#advanced_search_wrapper .k-multiselect-wrap li{
    height: 18px;
    margin-top: 1px;
    line-height: 0px;
    padding: 2px 0px 0px 5px;
    background: #CFE0EC;
}

#adv_search_add_filter_wrapper{
    background-color: #fcfcfc;
    /*border-bottom: 1px solid #dedede;*/
    padding-top: 5px;
}
.padding-left-5{
    padding-left: 5px;
}

.wf-report-user-name{
    white-space: nowrap;
    display: block;
    font-size: 14px;
    color: #337ab7;
    text-overflow: ellipsis;
    overflow: hidden;
}
.group-task-icon{
    background-color: #c5c5c5;
    display: inline-block;
    position: absolute;
    right: 2px;
    border-radius: 30px;
    width: 14px;
    text-align: center;
    text-transform: capitalize;
    font-size: 10px;
    height: 14px;
    line-height: 14px;
    color: #888888;
    border: 1px solid #b5b3b3;
    top: 2px;
    box-sizing: content-box !important;
}
.unclaim-btn{
    color: #ffffff;
    background-color: #c0392b !important;
    border: 1px solid #c0392b !important;
    font-weight: 400;
    vertical-align: bottom;
    font-size: 14px;
    float: right;
    border: none !important;
    border-radius: 3px;
    cursor: pointer;
    margin: 5px;
    color: #FFFFFF;
    font-weight: lighter;
    padding: 3px 12px;
}
#adv_search_filters{
    /* max-height: calc(100vh - 387px) !important;
    overflow-x: hidden;
    overflow-y: auto; */

}
.global-search-advanced{
    max-height: calc(100vh - 136px);
    overflow-x: hidden;
    overflow-y: auto;
}

#adv_search_action_btn_section{
    border-top: 1px solid #d7d7d7;
    padding-top: 5px;
}

.vertical-padding-2{
    padding-bottom: 2px;
    padding-top: 2px;
}

#adv_search_basic_filter_wrapper{
    background-color: #fcfcfc;
    border-bottom: 1px solid #dedede;
}

#adv_search_basic_filter_wrapper .k-dropdown-wrap .k-input{
    height: 15px;
    line-height: 16px;
}

#adv_search_basic_filter_wrapper .k-dropdown-wrap .k-i-arrow-s{
    padding-bottom: 5px;
}

#adv_search_basic_filter_wrapper .k-multiselect-wrap li{
    height: 18px;
    margin-top: 1px;
    line-height: 0px;
    padding: 2px 0px 0px 5px;
    background: #CFE0EC;
}

#adv_search_search_btn{
    height: 27px;
    float: left;
    margin-top: 0;
}

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

/*#showDetails_properies tbody tr {
    pointer-events: none;
}

#advance_properies_preview tbody tr {
    pointer-events: none;
}

#file_details_meta_data_grid tbody tr {
    pointer-events: none;
}*/

.adv-search-grid-path{
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    color: #23527c;
}

#grid_search_list .file_size_title{
    color: #3999c7;
}

.dl-float-right{
    float: right;
}
#pdf_preview_share_icon{
    position: fixed;
    left: 90%;
    display: inline-block;
    border: 1px solid white;
    border-radius: 6px;
    background-color: white;
    padding: 4px;
    width: 9px;
    height: 16px;
    top: 12px;
}

#file_details_meta_data_grid{
    height: calc(100vh - 318px);
    overflow-x: hidden;
    overflow-y: scroll;
}

#adv_search_all_search_values{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/* office online document css */
.online_doc_list_item{
    position: relative;
    width: 85px;
    height: 90px;
    float: left;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin: 0px 10px 10px 0px;
    cursor: pointer;
    padding: 5px;
}
.online_doc_icon 
{
    font-size: 30px;
    padding: 5px 0px;
    color: white;
}
.app_list_item_inner.menu_doc{
    background-color: #ccc !important;   
    border-radius: 5px;
}
.online_doc_create_icon{ 
    position: absolute;top: 30px;
    font-size: 18px;
    color:#337ab7;
    opacity: 0.8;
}
.online_doc_overlay {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);  
}
.online_doc_overlaytxt {
    background-color: #333;
    color: white;
    font-size: 25px;
    padding: 38px 37px;
    opacity: 0.5;
    border: 1px solid #ccc;
    border-radius: 10px;    
    color:#383737;
}
.online_doc_list_item:hover .online_doc_create_icon {
    opacity: 0.1;
}
.online_doc_list_item:hover .online_doc_overlay, .online_doc_list_item.select .online_doc_overlay {
    opacity: 1;
    color:#337ab7;
}
.online_doc_list_item.select .online_doc_overlaytxt {
    color: white;  
}
.online_doc_list_item:hover .online_doc_title {   
    font-weight: bold;
}
.online_doc_list_item{
    position: relative;
    width: 85px;
    height: 90px;
    float: left;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin: 0px 10px 10px 0px;
    cursor: pointer;
    padding: 5px;
}
.online_doc_icon_txt{
    font-size: 11px;
}
.online_doc_icon_img{
    width: 68px;
    height: 80px;
    background: url(../../images/online_doc_create.png) no-repeat;
    background-position: center;
    margin: auto;
}
.online_doc_icon_img.folder, .online_doc_icon_img.FOLDER_CREATE{
    background: url(../../images/online_folder.jpg) no-repeat;
}
.online_doc_icon_img.sdnote, .online_doc_icon_img.SDNOTE_CREATE{
    background: url(../../images/online_sdnote.jpg) no-repeat;
}
.online_doc_icon_img.webdoc, .online_doc_icon_img.WEBDOC_CREATE{
    background: url(../../images/online_web_doc.png) no-repeat;
    background-size: 100%;
}
.online_doc_icon_img.assisted-editor{
    background-image: url(../../images/SpriteSheet/teknowmics_images_spritesheet.png?bust=25955);
    background-position: -166px 10px;
    /* height: 75px; */
    background-size: 220px;
}
.online_doc_icon_img.google-doc, .online_doc_icon_img.GOOGLEDOCS_ONLINE{
    background: url(../../images/online_google-doc.jpg) no-repeat;
}
.online_doc_icon_img.google-sheet{
    background: url(../../images/online_google-sheet.jpg) no-repeat;
}
.online_doc_icon_img.ppt, .online_doc_icon_img.POWERPOINT_ONLINE{
    background: url(../../images/online_powerpoint.jpg) no-repeat;
}
.online_doc_icon_img.excel, .online_doc_icon_img.EXCEL_ONLINE{
    background: url(../../images/online_excel.jpg) no-repeat;
}
.online_doc_icon_img.word,.online_doc_icon_img.WORD_ONLINE{
    background: url(../../images/online_word.jpg) no-repeat;
}
.online-xlsx{
    background: url(../../images/onlineExcel.png) no-repeat;    
}
.online-docx{
    background: url(../../images/onlineWord.png) no-repeat;    
}
.online-pptx{
    background: url(../../images/onlinePpt.png) no-repeat;    
}
.online_officeonlineIcon{    
    width: 45px;
    height: 35px;
    margin-left: 9px;
}
.online_context_menu-icon{    
    width: 35px;
    height: 30px;    
}
.online_doc_list_item:hover,.online_doc_list_item.select{   
    font-weight: bold;   
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#office_frame {
    width: 100%;
    height: 100% !important;            
    display: block;
    border: 1px solid #ccc;
    display: block;
    overflow: auto;
    top : 0 !important;
}
div#wacMsccBanner, div#msccBanner{
    display:none !important;
}
div#AppHeaderPanel{
    top:0px !important;
}
.k-sprite.fa.fa-folder-open{
    color: #5190bb;
    margin-left: 0px;
}
.button {
    background-color: red;
    border-color: white;
    color: #2980b9;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}
.fileDetailsbtn{
    padding: 3px 7px;
    border: 2px solid #2980b9;
    background-color: transparent;
    border-radius: 4px;
    display: inline-block;
    color: #2980b9;
    cursor: pointer;
    float: right;
}
.file-Details-Unlink-icon{
    background-image:url(../../images/unlink.png);
    background-size:100%;
    padding: 6px 15px !important;
    background-repeat: no-repeat;
    background-size: 54%;
    background-position: center;
    opacity:.5;
}
.file-Details-delink-icon{
    background-image:url(../../images/unlink.png);
    background-size:100%;
    padding: 6px 15px !important;
    background-repeat: no-repeat;
    background-size: 54%;
    background-position: center;
    opacity:.5;
}
.file-Details-delink-doc1icon{
    background-image:url(../../images/unlink.png);
    background-size:100%;
    padding: 6px 15px !important;
    background-repeat: no-repeat;
    background-position: center;
    opacity:.5;
}
.file-Details-Unlink-icon:hover{
    background-image:url(../../images/unlink-hover.png);
    background-size:100%;
    padding: 6px 15px !important;
    background-repeat: no-repeat;
    background-size: 54%;
    background-position: center;
    opacity:1;
}
.overlay-bar-sub { 
    height: 46px;
    min-height: 46px;
    width: 100%;
    background-color: #3498db;
    z-index: 5;
    position: absolute;
    margin-top: 5px;
    margin-left: 0px;
    opacity: 1;
    display: none;
    border-radius: 0px;
    padding-top: 0px;
    line-height: 46px;
    vertical-align: middle;
    top: -7px;
}
.overlay-bar-sub ul{
    list-style: none;
}
.overlay-bar-sub i{
    color: white;
}
.overlay-bar-sub-item{
    display: inline-block;
    color: white;
    cursor: pointer;  
}
.overlay-bar-sub li {
    display: inline-block;
}
#fd_docu_links{
    position: relative;
    overflow-y: hidden !important;
}
#dloverlay_close{
    cursor: pointer;
}

button#create_document_back_btn{
    background-color: #299eb9;
    border-color: #299eb9;
}
.back_btn{
    display:inline-block;
    width:40px;
}
.officeonline_collaborators span{
    background-color: green;
    color: #ffffff;
    padding: 0px 5px;
    position: absolute;
}
.officeonline_collaborators label{
    text-indent: 20px;
}
.officeonline_badge,.officeonline_badge:hover{
    position: relative;
    top: 1px; 
    right: 5px;
    font-size: 8px;
    background-color: #FF7400;
    padding: 2px 5px;
    border-radius: 64px;
    /* updated style as workflowstatus */
    /* display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    background-color: #f0ad4e;
    -webkit-box-sizing: content-box;
    box-sizing: content-box; */
}
.officeonline_badge.tileview
{
    margin-left: 5px;
}
/* office online end */

#dl_sort_dropdown .k-animation-container{
    padding-left: 7px;
    top: 32px !important;
    left: -99px !important;
}

.padding-bottom-5{
    padding-bottom: 5px;
}

#file_search_space{
    font-weight: bold;
}

#showDetails_properies td{
    border-width: 0 !important;
}

#showDetails_properies tr{
    border: white solid 2px;
}

#advance_properies_preview td{
    border-width: 0 !important;
}

#advance_properies_preview tr{
    border: white solid 2px;
}
#file_details_meta_data_grid td{
    border-width: 0 !important;
}

#file_details_meta_data_grid tr{
    border: white solid 2px;
}

#fol_automation_metaprop_list tr{
    border: white solid 2px;
}

.background-grey{
    background-color: #efefef;
}

/*********** Custom CSS for MY FILES section ************/

/*#### For share popup #####*/
.custom-tabview{
    border:none !important
}
.py-2{
    padding-top:20px !important;
    padding-bottom: 20px;
}
.pb-2{
    padding-bottom: 20px;
}
.pt-1{
    padding-top:10px !important;
}
.share-height #share_tabs_wrapper.custom-tabview .fd_tabs.tab-pane {
    max-height: 360px;
    /*overflow: auto !important; */
}
.custom-tabview ul li{
    border-top:none !important;
    border-right:none !important;
    border-left:none !important;
    border-radius: 0 !important;
    background: none !important;
}
.custom-tabview .k-tabstrip-wrapper .k-tabstrip-items{
    border-top:none;
}
.custom-tabview ul li a{
    font-weight: 600;
}
.custom-tabview ul li a:hover{
    background: none !important;
}
.custom-tabview > ul > li:hover{
    border-bottom:2px solid #337ab7 !important;
}
.custom-tabview > ul > li.k-state-active{
    border-bottom:2px solid #337ab7 !important;
}
.custom-tabview .fd_tabs{
    border:none !important;
    padding-top:20px !important;
}
/*### For share popup ###*/
.sd-thumb-add-info .label-warning{
    display: none;
}
.file_size_title{
    color: #333;
}
.grid_explorer .custom-tile, .grid_explorer .custom-wrap-s{
    margin:7px;
    width:23%;
    height:258px;
    box-shadow: 2px 3px 10px rgba(0,0,0,.15);
    border: none;
}
.grid_explorer .custom-tile:hover .sd-thumbnail-hover, .grid_explorer .custom-wrap-s:hover .sd-thumbnail-hover{
    background-color: rgba(0, 0, 0, 0.75) !important;
}
.grid_explorer .custom-tile .sd-thumbnail-hover, .grid_explorer .custom-wrap-s .sd-thumbnail-hover{
    background-color: rgba(0, 0, 0, 0.75) !important;
    height:258px;
}
.grid_explorer .custom-tile .sd-thumb-folder-name, .grid_explorer .custom-wrap-s .sd-thumb-folder-name{
    margin-top: 15px;
    color: #333;
    font-size: 14px;
    font-weight: 600;
}
.grid_explorer .custom-tile .sd-thumb-btn-group, .grid_explorer .custom-wrap-s .sd-thumb-btn-group{
    background-color: transparent !important;
    border:none !important;
    bottom: -175px !important;
    text-align: center !important;
}
.grid_explorer .custom-tile .sd-thumbnail-overlay, .grid_explorer .custom-wrap-s .sd-thumbnail-overlay{
    background-color: rgba(0, 0, 0, 0.75) !important;
}
.grid_explorer .custom-tile .sd-thumb-btn-group-btns, .grid_explorer .custom-wrap-s .sd-thumb-btn-group-btns{
    background: transparent !important;
    padding: 7px 9px;
    margin-right: 5px;
    font-size: 1.5em;
    color: #fff;
    border: none;
}
.grid_explorer .custom-wrap-s .sd-thumb-preview-eye{
    top: 80px;
    left: 45%;
    font-size: 25px;
}
.k-menu-vertical{
    box-shadow: 2px 3px 10px rgba(0,0,0,0.35) !important;
    border: none !important;
    border-radius: 5px !important;
    padding: 13px !important;
}
.k-menu-vertical .k-item .k-link{
    padding-top:7px !important;
    padding-bottom: 7px !important;
}
/*********** Custom CSS for MY FILES section ************/

.sd-thumbnail-wrapp {
    width: 21%;
    height: 240px;
    border: 1px solid #DEDBDB;
    margin: 14px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}

.sd-thumbnail-pic {
    border-bottom: 1px solid #EAEAEA;
    width: 100%;
    height: 145px; 
    background-image: url(../../images/folder.png);
    background-repeat: no-repeat;
    background-position: center;
}

.sd-thumbnail-auto-on {
    border-bottom: 1px solid #EAEAEA;
    width: 100%;
    height: 145px; 
    background-image: url(../../images/auto_folder.png);
    background-repeat: no-repeat;
    background-position: center;
}

.sd-thumbnail-auto-off {
    border-bottom: 1px solid #EAEAEA;
    width: 100%;
    height: 145px; 
    background-image: url(../../images/auto_off_folder.png);
    background-repeat: no-repeat;
    background-position: center;
}

.sd-thumbnail-backup{
    border-bottom: 1px solid #EAEAEA;
    width: 100%;
    height: 145px; 
    background-image: url(../../images/backup.png);
    background-repeat: no-repeat;
    background-position: center;
}

.sd-thumbnail-label {
    padding: 0px 10px;
}

.sd-thumbnail-hover {
    width:100%;
    height: 240px;
    background-color:rgba(90, 195, 139, 0.6509803921568628); 
    position: absolute;
    top: 0;
    opacity: 0;
}

.sd-thumbnail-wrapp:hover .sd-thumbnail-hover {
    opacity:1;
    cursor: pointer;
    transition: .5s;
    background-color:rgba(90, 195, 139, 0.6509803921568628); 
}
.sd-thumb-checkbox input[type=checkbox] {
    position: absolute;
    margin: 8px;
}
.sd-thumb-btn-group{
    background-color: white;
    width: initial;
    height: 30px;
    bottom: -188px;
    position: relative;
    margin: 10px;
    border-radius: 4px;
    border: 1px inset white;
    left: -1px;
    line-height:29px;
    text-align: justify;
    overflow: hidden;
}
.sd-thumb-btn-group-btns{
    position: relative;
    border-right: 1px inset #DADADA;
    text-align: center;
    white-space: nowrap;
    padding: 7px 9px;
    vertical-align: sub;
}
.sd-thumb-btn-group-btns:hover{
    background-color: #EDEEEF;
    cursor: pointer;
}
.sd-thumb-folder-name{
    color: #60a2ef;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 0px;
    min-height: 24px;
}
.sd-thumb-folder-credit{
    font-size:12px;
    color: gray;
}
.sd-thumb-folder-date{
    font-size:12px;  
    color: gray;
    width: 90%;
    display: inline-block;
    vertical-align: middle;
}
.sd-thumb-folder-credit-color-blue{
    color: #60a2ef;
    width: 70%;
    display: inline-block;
    vertical-align: middle;
}

.sd-thumbnail-pic-file {
    border-bottom: 1px solid #EAEAEA;
    width: 100%;
    height: 150px; 
    text-align: center;
}

.sd-thumbnail-pic-file img{
    max-width: 100%;
    max-height: 100%;
    cursor: pointer;
}
.sd-thumb-preview-eye{
    top: 45px;
    position: absolute;
    margin: 0 auto;
    left: 30%;
    color: white;
    font-size: 80px;
}

.sd-thumbnail-overlay {
    width:100%;
    height: 30px;
    background-color: #5ac38b;
    position: absolute;
    top: 0;
    opacity: .7;
    overflow: hidden;
}

.sd-tumbnail-header {
    height: 34px;
    padding: 8px;
    border-bottom: 1px solid #E6EEF5;
    background-color: #F2F5F7;
    white-space: nowrap;
}

.sd-thumb-add-info img {
    width: 100%;
}
.sd-thumb-img-type {
    width: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.sd-thumb-img-type i {
    display: inline-block;
}
.sd-thumb-add-info {
    font-size: 12px;
    color: #ADADAD;
    margin-top: 3px;
}
.sd-thumb-file-size {
    vertical-align: sub;
}
.sd-thumb-version {
    padding: 0px 3px;
    background-color: #bce8f1;
    display: inline-block;
    font-size: 9px;
    vertical-align: sub;
    margin-left: 4px;
    border: 1px solid #89D9FF;
    border-radius: 2px;
    color: #286090;
}

.sd-thumbnail-label .icon-lock-status{
    top: 5px;
    right: 5px;
}

.sd-thumb-add-info .label {
    margin-right: 2px;
}

.sd-thumbnail-wrapp.k-state-selected {
    background-color: white;
}

.sd-thumb-icon-stat{
    background-image: url(../../images/graph.png) !important;
    background-position: center;
    cursor: pointer;
    height: 15px;
    width: 12px;
    background-color: inherit;
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
}

.thumb-text-file{
    padding: 13px;
    display: -webkit-box;
    word-break: break-all;
    text-align: left;
    height: 110px;
    overflow: hidden;
    -webkit-line-clamp: 7;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.thumb-view-more{
    background-color: #dbdbdb;
    color: #676767;
    padding: 5px 145px;
    margin: 20px 260px;
    border-radius: 4px;
    border: 1px solid #ccc;
    display: block;
    text-align: center;
}
.thumb-view-more:hover{
    background-color:#e2e0e0;
    text-decoration: none;
}
.drag-drop-selected{
    background-color: whitesmoke;
}
.user_category_symbol{
    background-color: #ececec;
    border: 1px solid #c3c3c3;
    padding: 10px;
    border-radius: 25px;
    width: 12px;
    height: 12px;
    display: inline-block;
    text-align: center;
    line-height: 13px;
    font-size: 18px;
    font-weight: bold;
    text-transform: capitalize;
    margin-right: 5px;
    color: #afafaf;
}
.k-grid tr:hover .user_category_symbol{
    box-sizing: content-box !important;
}
#wf_avaliableWorkflow_grid{
    /* overflow-y: scroll !important;*/
}
.wf-req-title-new{
    overflow: hidden;
    /*position: relative;*/
    height: 1.5em;
    vertical-align: middle;
    /*float: left;*/
    color: #4a4a4a;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 320px;
}
#create-reminder{
    margin-bottom: 15px;
}
.addField-btn-position{
    position: absolute;
    top: 0px;
    right: 0;
    width: 100%;
    text-align: right;
    background-color: #f3f3f3;
    border-bottom: 1px solid gainsboro;
    padding-bottom: 10px;
    padding-top: 10px;
    z-index: 10;
}
.task_mapping_section {
    height: calc(100vh - 182px) !important;
    overflow: auto;
    margin-top: 47px;
}
.wf_subtitle {
    display: block;
    font-weight: 600;
    white-space: nowrap;
}

.adv-search-filter-close-btn:hover{
    background-color: #FFEB3B;
    color: #FF9800;
    border-color: #FFC107;
}

#mf_adv_search_reset_btn{
    background-color: rgb(226, 226, 226) !important;
    border-color: rgba(0, 0, 0, 0.24) !important;
    color: rgb(51,51,51);
}

#adv_search_folder_path_value{
    color: #2196f3;
    font-size: 13px;
}

.tab-template{

}
.template-row {
    margin-bottom: 5px;
    margin-top: 5px;
}
#context-menu-quick-search-grid
{ margin:0 !important;
}
#department_quick_search_c_menu
{ margin:0 !important;
}
#collaboration_quick_search_c_menu
{ margin:0 !important;
}
/* added for onlineEditing */
#sh_onlineedit_message_show{
    margin-bottom:5px;
}
#sh_onlineedit_message_show a:hover{
    text-decoration: none;   

}
.sh_onlineInvite_users .k-multiselect-wrap{
    min-height: 4.04em;
}
#sh_share_popup_link_text {
    border: 1px solid #bdbbbb;    
}
.sh-popup-link-blue {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #fff !important;
    margin: 3px 0px;
    height: 26px;
    color: #3F51B5;
    border: 0;
    padding: 0;
}
.sh-popup-link-red {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #fff !important;
    margin: 3px 0px;
    height: 26px;
    color: #f4511e;
    border: 0;
    padding: 0;
}
.sh-recipents-box {
    border: 1px solid #c7c7c7;
    margin-top: 15px;
    margin-bottom: 10px;
    margin-right: 20px;
    margin-left: 15px;
    border-radius: 3px;
}/* End */
.tile_span_view{
    vertical-align: middle;
    height: 100%;
    display: inline-block;
}
.reshare-height{
    height:280px !important;
}
#move_sub_tree .k-state-selected{
    background-color: #dbeeff !important;


}
#global_search_filter{
    padding: 5px;
    /*text-align:center;*/
}
#global_search_filter .text_box{
    border-radius:0px !important;
    height: 30px;
    border: 1px solid #f2f2f2 !important;
}
#global_search_filter .search_form-filter-input{
    width: calc(100vw - 890px);
    position: relative;
}
.padding-both-5{
    padding:5px;
}
.padding-both-8{
    padding:8px;
}
.panel-heading-new {
    padding: 5px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-weight: 600;
    color: #717070 !important;
    background-color: #dfdfdf !important;
}
.panel-heading-sub{
    padding: 5px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-weight: 600;
    color: #717070 !important;
}
.panel-title-top{
    font-size: 14px;
    color: #999898;
    padding-bottom: 5px;
    display: inline-block;
}
.panel-more-btn{
    font-size: 13px;
    color: #949494;
    text-align: center;
    width: 100%;
    background-color: #f3f3f3;
    padding: 3px;
    cursor:pointer;
}
.panel-more-btn:hover{
    background-color:#f7f7f7;
}
.report-filter-name-title-lable{
    font-size: 15px;
    font-weight: bold;
    padding: 6px 0;
    display: block;
}
.left-checkbox{
    padding: 5px;
    display: inline-block;
    vertical-align: middle;
}
.right-label{
    padding: 4px;
    vertical-align: middle;
}
.adv_search_filters-p{
    padding: 9px;
}
.vertical-padding-5{
    padding:5px;
    background-color: #f9f9f9;
}
.action_button_text-remove{
    margin-bottom: 4px;
    display: inline-block;
    font-size: 13px;
}
.btn-search{
    display: inline-block;
    background-color: #e5e5e5;
    padding: 5px 13px;
    margin-left: -3px;
    border-radius: 0px 4px 4px 0px;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    color: #707070;
    height: 30px;
}
.btn-search:hover{
    background-color: #f5f5f5;
}
.btn-search-close{
    display: inline-block;
    color: #929292;
    position: absolute;
    right: 0;
    top: 6px;
    cursor: pointer;
    height: 28px;
    line-height: 30px;
    width: 25px;
    text-align: center;
    background-color: white;
}
.btn-search-close:hover{
    color:#afafaf;
}
.adv_search_filters-apply{
    background-color: #2196F3;
    padding: 4px;
    width: 100px;
    text-align: center;
    float: right;
    margin-right: 12px;
    border-radius: 2px;
    border: 1px solid #1a8fed;
    color: white;
    cursor: pointer;
    margin-bottom: 15px;
}
.adv_search_filters-apply:hover{
    background-color: #3ca9ff;

}
.bt-1{
    border-top:1px solid gainsboro;
    display:block;
    padding-top: 7px;
}
.grid_search_list_global .k-grid-header{
    display: none;
}
.grid_search_list_global .k-grid-content{
    overflow: hidden !important;
}
.grid_search_list_global .k-grouping-row p{
    margin-bottom:0 !important;
}
.grid_search_list_global .k-group-cell{

}
.search-wrappe-scroll{
    overflow: auto;
    height: calc(100vh - 95px);
}
.mb6{
    margin-bottom: 6px;
}
#search-text-display{
    font-size: 14px;
    color: #2296f3;
    padding-bottom: 5px;
    font-weight: 600;
    padding-left: 5px;
}
.panel-right-status{
    float: right;
    color: #828282;
    font-size: 14px;
    display: inline-block;
}
.panel-right-status .fa-spin{
    color: #03A9F4;
}
.panel-right-status .fa-check{
    color: #8BC34A;
}
.grid_search_list_global{
    border-bottom:0;
}
.loading-place-holder-wrapp{
    display:block;
    padding: 15px;
}
.loading-place-holder-wrapp .lo-pl-txt{
    display: inline-block;
    height: 20px;
    border-radius: 35px;
    width: 40%;
    margin-bottom: 5px;
}
.loading-place-holder-wrapp .lo-pl-co{
    display: block;
    height:130px;
    border-radius: 10px;
    width: 100%;
    margin-bottom: 12px;
    overflow: hidden;

}
.loading-place-holder-wrapp .lo-pl-co-sub{
    display: block;
    height:30px;;
    width: 100%;

}
.loading-place-holder-wrapp .lo-pl-txt-right{
    display: inline-block;
    height: 20px;
    border-radius: 35px;
    width: 20%;
    margin-bottom: 5px;
    float: right;
}


/*placeholder-color-animation*/


@-webkit-keyframes placeHolderShimmer {
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}

@keyframes placeHolderShimmer {
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }

}
.g-content-placeholder {
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: darkgray;
    background: linear-gradient(to right, #eeeeee 10%, #f2f2f2 18%, #eeeeee 33%);
    background-size: 950px 104px;
    height: 100px;
    position: relative;
}
.g-content-placeholder-sub {
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: darkgray;
    background: linear-gradient(to right,  #e9e9e9 10%, #f2f2f2 18%, #e4e4e4 33%);
    background-size:950px 104px;
    height: 100px;
    position: relative;
}

/*placeholder-color-animation-end*/
.no-items-template{
    background-color: #f9f6d7;
    padding: 5px 14px;
    font-size: 13px;
    border-bottom: 1px solid #efeab7;
    color: #90764e;
    margin-left: -5px !important;
    margin-right: -5px !important;
}
.no-items-template i{
    margin-right: 6px;
    color: #FF9800;
}
.loading-place-holder-wrapp .lo-pl-co-sub-header {
    display: block;
    height: 78px;
    width: 100%;
    background:#ffffff6e;
    border-radius: 6px;
    overflow:hidden;
}
#global_search_filter .k-input{
    padding-left: 8px; 
}
.adv-search-grid-path:hover {
    text-decoration: underline
}
.grid_search_list_global span.info_date a{
    color:#4CAF50;
    text-decoration: none;
}
.new-sec ul .col-md-4{
    width: 100% !important;
}
.new-sec .wf_radio_option span ,.new-sec .wf_checkbox_option span {
    width: 84%;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
}
.new-sec .wf-field-details .col-md-3,.new-sec .wf-field-details .col-md-5 ,.new-sec .wf-field-details .col-md-7{
    width:100%;

}
.template-form-sec ul.wf-field-start{
    width: 50%;
}
.template-form-sec .new-sec ul.wf-field-start{
    width: 100% !important;
}
.app_list-edit{
    left:0 !important;
}
.app-list-display-block{
    display: inline-block;
    padding-left:10px;
}
.landing-app-icon-wrapp{
    width: 1011px;
    height: 460px;
    margin: 0 auto;
    left: 0 !important;
}
.btn-advanced-options-global{
    display: inline-block;
    background-color: #ffffff;
    padding: 5px 13px;
    margin-left: -3px;
    /* border-radius: 0px 4px 4px 0px; */
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    color: #707070;
    height: 30px; 
}

.advance_dist_filter_box_global{
    top: 41px;
    position: absolute;
    border-radius: 0 0 4px 4px;
    z-index: 999;
    background: #fff;
    display: none;
    box-shadow: 0 2px 3px rgba(0,0,0,.2);
    border: 1px solid rgba(189,188,188,.69);
    overflow: hidden;
    width: calc(100vw - 711px);
    color: #353535;
}
.advance_dist_filter_box_global #adv_search_filters,.advance_dist_filter_box_global #adv_search_add_filter_wrapper{
    text-align: left;
}
.advance_dist_filter_box_global #adv_search_filters{
    max-height:none !important;
    overflow-x: hidden;
    overflow-y: visible !important; 
}
.advance_dist_filter_box_global .global-search-advanced{
    max-height: 468px;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 362px;
}
.advance_dist_filter_box_global .global_left .content_section{
    height: auto !important;
}
.advance_dist_filter_box_global .global_left{
    min-height: 380px;
    max-height: 527px;
}
.adv_search_filters-cancel{
    padding: 4px;
    width: 100px;
    text-align: center;
    float: right;
    margin-right: 12px;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.24);
    color: #333;
    cursor: pointer;
    margin-bottom: 15px;
    background-color: #E2E2E2;
}
.adv_search_filters-cancel:hover{
    background-color: #f0efef;
}
#window_doc_version{
    overflow-y: hidden;
}
@media only screen and (max-width: 1100px) {

    .landing-app-icon-wrapp{
        width: 761px;
        height:460px;
        margin: 0 auto;
        left: 0 !important;
    }


}
.search-in-group{
    border: 1px solid gainsboro;
    height: 24px;
    padding-left: 6px;
    border-radius: 3px;
    margin-top: 2px;
    background-color: whitesmoke;
}
.d-inline-block{
    display: inline-block;
}
.global-search-grid-details-icon {
    vertical-align: text-top;
    margin-right: 5px;
    margin-top: 5px;
}
#share_tabs_wrapper div[role="tabpanel"]
{
    overflow: visible !important;

}
#wf_share_popup #share_tabs_wrapper div[role="tabpanel"]
{
    overflow: auto !important;
    padding-bottom: 10px;
}
.wf_share_popup_selected_recipients .k-input[readonly]{
    background-color: transparent
}
#wf_selected_observers_list_taglist li{
    background: #CFE0EC;
    color: #788C9A;
    margin: 3px 0 2px 3px;
    border: 0;
    padding: 3px 3px 3px 10px;
    white-space: pre;
}
.wf-query-label{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    max-width: 80%;
}
.wf-que-req-div{
    display: block;
    width: 80%;
}
/* */
#uploadBackground_status_icon_open{
    position: relative; 
    bottom: 15px; 
    left: 10px; 
    font-size: 20px;
}
#uploadBackground_status_icon_close{    
    padding: 4px;
    color: #816f5b;
    margin-left:93%;
}
.uploadBackground_status{   
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif !important;
    font-size: 100% !important;
    position: fixed !important;
    right: 175px !important;
    left: auto !important;
    height: auto !important;
    width: 570px !important;
    z-index: 10000000000000 !important;    
    border: 0 !important;
    box-shadow: 0 3px 15px 0 rgba(0,0,0,0.25) !important;
    box-sizing: border-box !important;
    /* padding: 0 20px !important; */
    transition: all .4s,bottom .8s ease-in-out !important;
    cursor: pointer !important;
    outline: none !important;
    display: inline-block;
    margin: 0 !important;
    -webkit-font-smoothing: antialiased !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;    
    border-radius: 8px 8px 0 0 !important;
    bottom: 0 !important;bottom: 30px !important;
    top: auto !important;
    background-color: #563acf;
    color: #fff; opacity: 0.9;
    background-color: #e8e8e8;

}
.uploadBackground_button{   
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif !important;
    font-size: 100% !important;
    position: fixed !important;
    right: 175px !important;
    left: auto !important;
    height: 40px !important;
    width: auto !important;
    z-index: 10000000000000 !important;    
    border: 0 !important;
    box-shadow: 0 3px 15px 0 rgba(0,0,0,0.25) !important;
    box-sizing: border-box !important;
    /* padding: 0 20px !important; */
    transition: all .4s,bottom .8s ease-in-out !important;
    cursor: pointer !important;
    outline: none !important;
    display: inline-block;
    margin: 0 !important;
    -webkit-font-smoothing: antialiased !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;    
    border-radius: 8px 8px 0 0 !important;
    bottom: 0 !important;
    top: auto !important;
    background-color: #563acf;
    color: #fff; opacity: 0.9;
}
.uploadBackground_button div{
    padding:10px;
}
.disableUploading{
    display:none !important;
}
#grid_upload_file_background{
    height: 255px;
    overflow: auto;
    overflow-x: hidden;
}
.tab-ellipsis{
    width: 105px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
}
/* Login side bar style */
.login_wrapper {
    max-width: 375px;
    background: #fff;
    margin-right: 0px;
    margin-left: auto;
}
#login_box .panel.panel-info{
    box-shadow: none;
    border: none;
}
#login_box .login_box_title {
    font-size: 30px;
    color: #69676e;
}
.login_footer {
    position: absolute;
    top: 96% !important;
    right: 0 !important;
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 375px !important;
    margin-left: auto !important;
    height: 50px !important;
}
.login_footer p{
    color: rgb(0 0 0 / 51%) !important;
}

/*mobile size overflow scroll*/

@media only screen and (max-width: 1024px) {
    .main-header-center-sec {
        width: 300px !important;
        display: inline-block;
        vertical-align: top;
    }
    body{
        overflow-x: scroll !important;
    }

    #app-layout{
        width:1024px;
    }
    .action_button_text {
        display: none;
    }
    .header{
        width: 1024px !important;
        margin-left: 0 !important;
    }

    #global_search_filter .search_form-filter-input {
        width: 107px !important;
        position: relative;
    }
    .header_wrapper {
        position: relative;
        height: auto;
        border: none;
        width: 1024px !important;
    }
    .main_content {
        width: 950px !important;
        position: relative;
        margin: 0;
        float: left;
        border-radius: 3px;
    }
    .main_content_app {
        width: 1024px !important;
    }
}
.nav_action.refresh_blue{
    position:initial !important;
}
.query_file_lbl{
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
}
.query_txt_lbl{
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
}
#parentBreadCrumb{
    z-index: 888;
}

.multipleClass{
    display: none; 
}
/*mobile size overflow scroll*/
@media print {

    .custom_field_grid .k-grid{

        overflow-x: hidden !important;
        overflow-y: visible !important;
        max-height: 100% !important;
    }
    .wf_table_wrapper{
        overflow-x: hidden !important;
        overflow-y: visible !important;
    }

    .wf_table_wrapper table.values_custom {
        border-collapse:collapse; 
        table-layout:fixed; 
        width:100%;
    }
    .wf_table_wrapper table.values_custom td{

        width:100px; 
        word-wrap:break-word;}

    .custom_field_grid table {
        border-collapse:collapse; 
        table-layout:fixed; 
        width:100%;
    }
    .custom_field_grid table td,.custom_field_grid table th {

        width:100px; 
        word-wrap:break-word !important;
        word-break: break-word !important;
        white-space: pre-wrap !important;
        /* //border: 1px solid #b9b9b9 !important; */
    }
    .custom_field_grid table td span{

        word-wrap:break-word !important;
        word-break: break-word !important;
        white-space: pre-wrap !important;

    }

}

/*popup window rewamp css*/
.popup-footer{
    display: flex !important;
    justify-content: space-between !important;
    padding:10px 0 0;
    border-top: 1px solid gainsboro;
    margin-top: 8px;
}
.popup-footer-f-end{
    display: flex !important;
    justify-content:flex-end !important;
    padding: 10px 15px 7px;
    border-top: 0px solid gainsboro;
    margin-top: 8px;
}
.submit{
    clear:both;
    padding-top: 8px !important;
    margin-bottom:0 !important;
}
.popup-footer-f-end .btn, .popup-footer .btn{
    margin:0px 0px 0px 8px !important;
}
.k-window-content.k-content .form_generic{
    padding:0;
}
.border-0{
    border:none !important;
}
.status{
    position: relative;
    bottom: 0 !important;
    margin-bottom: 0 !important;
    height:auto !important;
}
#preview_tab_strip {
    border: none !important;
}
.clear-b{
    clear: both;
}
.sd-helper-text-ltst{
    font-size: 12px;
    /*padding: 5px 0px 0;*/
    /*text-align: right;*/
    color: #9c9c9c;
}
#window_shareto .form_generic{
    height: 398px;
}

#workflow_users.k-grid-content {
    height:auto !important;
}

#transacation_pwd_status{
    line-height: 27px !important;
    padding-left: 2px !important;
}
.col-2-co{
    width:116px;
    display: inline-block;
    vertical-align: text-top;
}
.col-5-co{
    width:304px;
    display: inline-block;
    vertical-align: text-top;
}
.col-6-co{
    width: 422px;
    vertical-align: text-top;
    display: inline-block;
}
.email-recipients .k-input {
    height: 150px;
}
.email-recipients .k-multiselect-wrap {
    max-height: 160px;
    background: #fbfbfb
}
#list_partner_member_admin_users {
    padding-top: 10px;
}
.blink {
    -webkit-animation: blink 2s step-end infinite;
    animation: blink 2s step-end infinite;
    color: #FF0000;
}
@-webkit-keyframes blink { 50% { visibility: hidden; }}
@keyframes blink { 50% { visibility: hidden; }}

#wf_reports_content_wrapper .k-widget, #wf_adhoc_report_create_grid .k-widget {
    border: 0;
}
#wf_reports_workflow_grid td {
    height: 40px;
}
.report-icon {
    padding-left: 5px;
}
.report-header-text {
    color: #777 !important;
}
.mt-10 {
    margin-top: 10px;
}
.mt-20 {
    margin-top: 20px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-20 {
    margin-bottom: 20px;
}
.panel-heading {
    padding: 7px 10px !important;
}
#wf_avaliableWorkflow_grid .wf-user-list {
    max-width: unset;
}
#wf_def_list_grid .wf_desc {
    width: unset;
}
#grid_projects_list {
    border-top: 0;
}
#grid_projects_list .k-header {
    font-weight: 600;
}
.sdnote_editor table.k-editor.k-header {
    height: 400px !important;
}
.link-btn {
    color: #03A9F4;
    cursor: pointer;
    margin-right: 10px;    
}
.link-btn:hover {
    color: #3F51B5;
}
#action-list label {
    font-weight: normal;
    margin-bottom: 7px;
}
.action-selected {
    font-weight: 600 !important;
}
.member-list-name {
    font-weight: 600;
    color: #1976d2;
}
.k-grid tr.empty_row {
    border: 0;
}
#rmd_file_grid .k-state-selected {
    background-color: #e8eaf6 !important;
}
#user_list_grid {
    height: 220px;
    border: 1px solid #eee;
    padding: 10px 15px 10px 0;   
    overflow: auto;
}
#selected_user_list_grid, #gmp-selected-group-list {
    height: 150px;
    border: 1px solid #eee;
    padding: 10px 15px 10px 0;  
    overflow: auto;    
}
.member-wrap {
    border: 1px solid #eee;
    padding: 5px;
    margin-bottom: 10px;
    cursor: pointer;
}
.member-wrap:hover {
    background: #e8eaf6;
    border-color: #c5cae9;
}
.member-check-status {
    position: absolute;
    top: 4px;
    right: 7px;
    color: #66bb6a;
    display: none;    
}
.member-check-status .checkItem {
    font-size: 16px;
}
.selected .member-check-status {
    display: block !important
}
#group-filter-wrap {
    height: 225px; 
    background: #fdfdfd; 
    border: 1px solid #eee; 
    padding: 10px 15px;    
}
#group-member-list {
    height: 220px;
    border: 1px solid #eee;
    padding: 10px 15px 10px 0;   
    overflow: auto;
}
.project-role-div {
    padding: 15px;
    background: #fdfdfd;
    border: 1px solid #eee;
}
.results_box.add_results_box {
    height: unset;
}
.grid-explorer .list_widgets {
    padding: 0;
    padding-left: 15px;
}
.folder_list .list-group-item .menu-lbl {
    font-weight: 600;
}
.menu_active .menu-lbl {
    font-size: 15px;
    color: #3498db !important;    
}
#gmvp-group-member-list {
    height: 250px;
    border: 1px solid #eee;
    padding: 10px 15px 10px 0;  
    overflow: auto;    
}
#gmvp-group-member-list .k-listview-content {   
    overflow: hidden;    
}
.disabled {
    color: #bdbdbd;
}
#fol_automation_metaprop_list {
    border: 0;
}
#automation_trigger_input_on_schedule {
    padding: 15px;
    background: #fafafa;
    border: 1px solid #eee;    
}
#folder-automation-form-wrapper {
    height: 500px;
    overflow: auto;
    border: 1px solid #eee;
}
#added_subtypes .k-grid-add {
    float: right;
}
#added_subtypes .k-header.k-grid-toolbar{
    background: white !important;
}
.form-label {
    font-weight: 600;
}
.k-tabstrip-top>.k-tabstrip-items-wrapper{
    border-bottom: none;
}
#list_member_admin_users .k-listview-content {
    padding-top: 10px;
}
.k-grid tr.k-alt {
    background: #FFF;
}
.k-detail-row:hover {
    background: #FFF !important;
}
.k-grid tr.k-state-selected > td {
    background: #e1f5fe;
}
.k-detail-row .k-grid {
    border-bottom: 0;
}
.k-grid tbody tr:hover {
    background-color: #e8eaf6;
}
.k-detail-cell .k-grid .k-header {
    background: #ede7f6 !important;
}


.wf_tabs { background:transparent!important;}
.wf_tabs b {padding:10px;border-top-right-radius:4px; border-top-left-radius:4px; margin-top:5px;}
.wf_tabs b:hover {
    text-decoration: none;
    background-color: #eee;
    color:#23527c;
}
 .k-item.k-state-active {

    border-bottom: 2px solid #65CFFF!important;
    color: #03A9F4!important;
}


.wf_tabs span {padding:0!important;}
    .wf_tabs span b {color: #337ab7;line-height: 1.42857143;
        border: none;
        border-radius: 4px 4px 0 0; font-weight: normal;}

 .wf_tabs:hover {background-color: #eee;}
 .wf_tabs.active {
 background-color: #fff;
    border-radius: 2px!important;
    border-color: #FFF!important;
    border-bottom: 2px solid #65CFFF!important;
    color: #03A9F4!important;
}

#wf-reports-list-tab .wf_tabs {
    border: 2px solid white !important;
}
#wf-reports-list-tab .k-tabstrip-items-wrapper {
    background: white;
}
.wf_tabs .k-link {
    color: #337ab7 !important;
    color: #3F51B5 !important;
    font-weight: bold;
    background: white;
    border-radius: 0;
}
#wf-reports-list-tab .wf_tabs.k-state-active {
    border-bottom: 2px solid #65CFFF!important;
}
#gridheader_back_btn {
    margin-top: 0px;
    margin-left: 0;
}