/*=======================================================

                        Fonts

========================================================*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900&display=swap');


/*=======================================================

                        Common code

========================================================*/
.popupTriggerCon{
    cursor: pointer;
}
.logos{
    padding-top:10px;
    padding-bottom:10px;
}
.projMsg{
    background-color: #84de98!important;
}

.projects-ul li{
 float:right;
}

.toview-comment-txt{
    width:100%;
}
.table thead th {
    vertical-align: inherit;
}
.status-span{
	width:74%!important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.stats-title{
	color:#55b6e7;
}
.stats-container{
	margin: 30px auto;
}
#submit_excel{
	float:left;.logos li
}
#selectPackages .cancel-btn{
	bottom:11px;
}
#excelFile .cancel-btn{
	right:23px;
}
#newexcelFile #uploadExcel{
	border-bottom:0;
	padding-right: 0;
}
#submit_excel:hover{
	border:none;
}
#excelFile{
	text-align:right;
}
.adminLink.adminCurrent a:hover{
	color:#ffc106;
}
.subscriber-view-background{
background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 20%, rgba(255,255,255,1) 90%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 20%, rgba(255,255,255,1) 90%);
background: linear-gradient(0deg, rgba(255,255,255,0) 20%, rgba(255,255,255,1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.acf-spinner{
	position: absolute;
    top: -30px;
    left: 16px;
}
.acf-form-submit{
	position: relative;
}
.dashboard_menu::-webkit-scrollbar-thumb {
    background: #171a2b;
}
.page-template-page-clientUser .adminLink{
	background-color:#000;
}
.logos ul{
	width:max-content;
	display: contents;
}
.footer-logo{
	width:190px;
}
.addSub, .managerRow, .subCmt1 td:last-child{
	vertical-align: top!important;
	padding-top:24px!important;
}
.lightbox .close{
	color: #fff;
    opacity: 1;
    font-size: 39px;
    font-weight: 200;
}
#light-slider .carousel-item{
	text-align: center;
}
#light-slider .carousel-item img{
	max-height: 85vh;
    margin: 0 auto;
    text-align: center;
}
#NewClientForm .cancel-btn, .attachToProjectFormModal .cancel-btn{
	bottom:27px;
}
.openTasks .taskDone{
	display:none;
}
.logo svg{
	width:190px
}
.signPerCol{
	width:70px;
}
.Gc_menu ul li a svg{
	display: block;
    margin: 0 27px 0px 21px;
    float: right;
       max-height: 29px;
    max-width: 29px;
}

#sub-content{
	text-align:right;
	min-height: 363px;
}
.linked-updaters button{
	/*background: #fff;
    box-shadow: none;
    border: none;*/
	padding: 6px 0;
    position: relative;
    font-size: 14px;
    letter-spacing: 0px;
    display: block;
    line-height: normal;
    background: transparent;
    border: 0;
    text-align: right;
}
.linked-updaters button:hover{
	color:#56b6e7;
}
.linked-updaters button svg{margin-left:10px;}
.linked-updaters button svg:hover{color:#56b6e7;}
.insert-update tr{display:none;}
.insert-update tr:nth-last-child(2){display:block;}
.insert-update .acf-row td{display:none;}
.insert-update .acf-row td:nth-child(2){display:none;}
.insert-update .acf-row td:nth-child(3){
	border:none;
	padding:0;
	display:block;}

.insert-update .acf-field{padding:0!important;}
.insert-update .acf-field input[type="text"]{padding:7px 8px!important;}
#message{display:none;}
.insert-update .acf-actions{
	display:none;
}
.insert-update .acf-label{display:none;}
.insert-update .acf-form-submit .acf-button{display:none}
	

.insert-update .acf-button:hover{
	background-image:url(images/record-icon.png);
}
.insert-update .acf-table{
	border:none;}
.insert-update #acf-form{
	margin: 20px auto 0;
    width: 100%;
}
.logos img{
	max-height: 75px;
    /* max-width:150px; */
    height: auto;
    width: auto; 
    /* border-radius: 5px; */

}
.logos li{ 
    display: inline-block;
    /* margin: 0 5px; */
    padding: 0px 10px;}
.modal-dialog{
	padding-top:0;
}
.gform_fields_1 label{
	font-size:20px;
	text-align:center;
}
.gform_1 input{
	border-radius: 4px;
	border: 1px solid #dfe3e9;}
#gform_submit_button_1{
	width: 114px;
    text-align: center!important;
    font-size: 18px;
    float: left;
}
.modal .modal-footer .cancel-btn{
    position: absolute;
    right: 26px;
   /* bottom: 26px; */
}
#NewProjectForm .modal-footer .cancel-btn{bottom: 26px;}
.ContactPm_form .modal-footer .cancel-btn{bottom: 0;}
#myNewFolder .modal-footer .cancel-btn, #renamefolder .modal-footer .cancel-btn, #NewFile .modal-footer .cancel-btn{bottom: 11px;}
html {direction: rtl;    height: 100%;}

.rtl {direction: rtl;}

body {    height: 100%;margin: 0px;padding: 0px;font-family: 'Rubik', sans-serif;font-weight: 400;font-size: 14px;overflow-x: hidden;}

object {cursor: pointer !important;pointer-events: none;}

.fa {cursor: pointer !important;}

a {text-decoration: none !important;cursor: pointer !important;}

a:hover {color: #171a2b;}

button,input[type='submit'] {cursor: pointer;}

* {  margin: 0px;padding: 0px;}

ul,li,ol,p,h1,h2,h3,h4,h5,h6,figure {margin: 0px;padding: 0px;font-weight: 400;}

ul,li {list-style: none;}

input:focus,button:focus {outline: none;box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0.25) !important;}

.clearfix {clear: both;}

img {max-width: 100%;width: auto;}

h1, h2, h3, h4, h5, h6 {font-weight: normal;}

h1 {font-size: 50px;color: #fff;}

h2 {font-size: 60px;font-family: Rubik Light;}

h3 {font-size: 36px;}

h4 {font-size: 30px;}

h5 {font-size: 20px;}

h6 {font-size: 14px;}

p {color: #6d7a83;font-size: 14px;line-height: 26px;}

a {-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;text-decoration: none !important;}

img:hover {-webkit-transition: 0.4s ease-in-out;-moz-transition: 0.4s ease-in-out;-ms-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;}

li:hover {-webkit-transition: 0.4s ease-in-out;-moz-transition: 0.4s ease-in-out;-ms-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;}

/** form input placeholder **/

::-webkit-input-placeholder {font-size: 15px;color: #b3b3b3;}

::-moz-placeholder {font-size: 15px;color: #b3b3b3;}

:-ms-input-placeholder {font-size: 15px;color: #b3b3b3;}

:-moz-placeholder {font-size: 15px;color: #b3b3b3;}

.container{max-width: 100%;width: 100%;padding: 0 30px;}

.container-1170{max-width: 1170px;}

.active-text {color: #36b581;}
.active-text-red {color:rgba(188,0,3,1.00);}

span.grey-text {color: #7d7d7d;}

.rubik-regular{font-family: 'Rubik', sans-serif;}

.rubik-Medium{font-family: 'Rubik', sans-serif; font-weight: 400;  }


/*======================  unsubscribe page  ====================*/

.header-logo{
	    margin: 0 auto;
    width: fit-content;
    display: block;
    margin-top: 78px;
}

.unsubscribe_message{
	font-size: 22px;
    margin-top: 21px;
}

.unsubscribe-title{
				color:#000;
					}
.unsub-con{
		text-align: center;
		margin-top:50px;
					}
/*======================== OVER VIEW AND ADDTIONAL CORRECTIONS =======================*/

.table-responsive{min-height: 350px;}
.table-cursor{cursor: pointer;}
.dt-buttons{    position: absolute;    bottom: 10px;    left: 10px;}
.page-id-103 .cancleCon{left:160px;}

/*.supports-drag-drop .media-menu-item{display:none;}*/
.supports-drag-drop .is-closed{display:none;}
.supports-drag-drop .media-toolbar-secondary{display:none;}
.supports-drag-drop .media-frame-title{display:none;}
.supports-drag-drop .media-frame-actions-heading{display:none;}
.supports-drag-drop .media-modal-close{
	width: 120px;
}
.supports-drag-drop .acf-expand-details{display:none;}
.supports-drag-drop .setting{display:none!important;}
/*.supports-drag-drop .search-form{display:none;}*/
.supports-drag-drop .description{display:none;}
.supports-drag-drop .edit-attachment{display:none!important;}
.supports-drag-drop .attachment-details h2{display:none;}
.supports-drag-drop .check .screen-reader-text{display:none;}
.supports-drag-drop .search{display:none;}
.supports-drag-drop .media-search-input-label{display:none;}


/*========================Tooltip time line subscriber view =======================*/

.timeline-tooltip{
	display: none;
    position: absolute;
    width: fit-content;
    background: #fff;
    box-shadow: 0 0 6.5px rgba(42,88,174,0.3);
    border-radius: 9px;
    right: 0;
    top: 47px;
    padding: 8px 14px;
}

/*========================TASK POP UP=======================*/
.admin-reminder{
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 2px;
    left: 0px;
    color: #000;
	background:#ffffff;
    border-radius: 0!important;
    border: none;
}
.admin-reminder button{
	    width: 70px;
    min-width: 77px;
    line-height: 30px;
    position: absolute;
    bottom: 10px;
    left: 10px;
}
.admin-reminder h3{font-size: 18px;}
.reminder-text{
	margin:6px 0;
}
.lightbox{
	max-width: 70%!important;
/*	max-width:80%;
	height: 90%;
	top: 50%;
   left: 50%;
	margin:0;
	padding:0;
   transform: translate(-50%, -50%);
	position: absolute;*/
}
.dz-hidden-input{display: none;}
#tasks-reminder{
	    position: fixed;
		background: #00000094;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 9999;
		display:none;
}
.leftDots{float: left;}
#tasks-reminder .modal-dialog{
   width: 800px;
   height: 65%;
   background-color: #fff;
   position: absolute;
   top: 386px;
   left: 50%;
   transform: translate(-50%, -50%);
   padding: 2em;
   border-radius: 1em; max-width: 800px;
 /*  opacity: 0;
   visibility: hidden;*/
   transition: all .5s;
  }
#tasks-reminder .modal-body{
	text-align: right;
}

#tasks-reminder .modal-content{
	border:none;
	padding:0; height: 100%; overflow-y: scroll;
}
.tasksListCon{width: 98%;
    padding: 1%;}
.tasksList li{    text-align: right;
    margin: 5px 0;
    font-size: 16px;
    position: relative;
    width: 100%;
    float: right;    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 5px;}
.tasksList li.taskDone{    color: #04bf2f;}
.tasksList .Doc_edits ul li{margin: 0!important;}
.Documents_List .tasksList li svg.feather-more-vertical{top: 4px;}
.Documents_List .tasksList li a{border-bottom: 0;}
.addnewTask{float: right; margin: 15px 15px 30px; clear: both;}
.taskTitle{ font-weight: 700; width: 200px;float: right;}
.taskDate{float: right;      width: 190px;}
.taskmenu{float: right;      width: 20px;}
.taskName{float: right;      width: 220px;}
.innerTasks{background: #efefef;    padding: 0 21px 0 0;}
.innerTasks.cyneBG{background: #e2f6ff;    padding: 0 21px 0 0;}
.entryDone{float: left; width: 115px;    font-weight: 400; cursor: pointer;}
.entryNotRead{font-size: 14px!important; font-weight: 700;}
.entryYesRead{font-size: 14px!important; font-weight: 400;color: #28a745;}
.innerTasksItems{display: none;}
.innerTasks li{    border-bottom: 1px solid #ffffff;}
.openlist{margin: 11px 0!important; background: url("images/openList.png") no-repeat right; padding-right: 30px;    line-height: 25px; cursor: pointer;}
.closelist{margin: 11px 0!important; background: url("images/closeList.png") no-repeat right;padding-right: 30px;    line-height: 25px; cursor: pointer;}
.taskHour{color: #939393;}
.hideCompleted{cursor: pointer;     margin-right: 30px;    margin-top: 12px;color: #008bc7;}
.showCompleted{cursor: pointer;     margin-right: 30px;    margin-top: 12px;color: #008bc7; display: none;}
.taskDone .taskHour{    color: #04bf2f;}
.taskContent{float: right; width: 460px;}
.ClientForm .taskContent{float: right;     width: 220px;    margin-right: 36px;}
.taskIcon{
	background: url(images/tasksIcon.png) no-repeat;
	
	float: right; margin-left: 10px; 
	
	background-repeat: no-repeat; width: 24px; height: 24px;}
.taskDone .taskIcon{background: url(images/tasksIconGreen.png) no-repeat; width: 24px; height: 24px;}
.dataTables_scrollBody{min-height: 250px;}
.MainTasks h4{text-align: right;font-size: 16px;
    margin-right: 15px;
    width: 94%;
    font-weight: 700;    float: right;
    margin-top: 17px;}
#taskTab h4{    font-size: 16px;
    margin-right: 15px;
    float: right;
    width: 94%;
    font-weight: 700;}
#taskTab{position: relative;}
#outputTask{position: absolute;    width: 97%;}
/*========================Subscriber view=======================*/

.list-of-updates{
	height:270px;
}
.last-update{
	min-height: 227px!important;
	height:227px;
}

.subscribers-folders{
	height: 527px;
}
.all-sub-folders{
	height: 324px;
    overflow: auto;
}
/*=======================================================

                        BUTTON

========================================================*/
#loginform .login-username label, #loginform .login-password label{display: none;}
#gform_submit_button_0, .custom-btn, #wp-submit{min-width: 270px;    font-size: 18px;border-radius: 5px;background-color: #ffc106;font-family: 'Rubik', sans-serif;  min-height: 41px; border: 0;}

#wp-submit:disabled{background: #d6d6d6;}

#sub_reminder .acf-form-submit input[type='submit']{  font-size: 14px;border-radius: 5px;box-shadow: 0 0 3.5px rgba(0,0,0,0.5);background-color: #ffc106;font-family: 'Rubik', sans-serif;  min-height: 41px; border: 0; float: left;    position: relative;
    top: -42px;
    padding: 0 15px;}

#sub_reminder #message{display: none;}
#sub_reminder .acf-fields>.acf-field{padding: 0;}

#gform_submit_button_0, .custom-btn:hover{color: #fff;}
#gform_0 label{display: none;}
#label_3_1{display: block!important; margin: 3px 22px 0 0;}
#gform_submit_button_0.focus, #gform_submit_button_0:focus, .custom-btn.focus, .custom-btn:focus {outline: 0;box-shadow: none;}
.acf-field--post-title{float: right; width: 50%;}
.acf-fields>.acf-field{border-top: 0!important;}
html[dir="rtl"] .acf-field[data-width]+.acf-field[data-width]{border-right: 0!important;}
a{
color: #55b6e7;	
}
#gform_submit_button_0{
	display: inline-block;margin: 0;
    color: #212529;
    text-align: center!important;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.add_more{    margin: 0 14px 19px 0;}
button.add_more_btn, button.ybtn, button.addManagerBtn {background-color: #ffc106;    font-family: 'Rubik', sans-serif;min-height: 41px;border-radius: 5px;box-shadow: 0 0 3.5px rgba(0,0,0,0.2);font-size: 16px;letter-spacing: 0px;color: #171a2b;font-weight: 400;text-align: center;}

button.add_more_btn i.fa.fa-plus, button.addManagerBtn i.fa.fa-plus{border: 2px solid;border-radius: 50%;overflow: hidden;width: 19px;height: 19px;font-size: 12px;line-height: 17px;text-align: center;float: left;position: relative;top: 3px; left: -5px;}
.clientUsers{ text-align: right;}
.secondary_btn {/**blue btn **/
    cursor:pointer;
	    transition: none;
border:none;
min-width: 141px;border-radius: 5px;   /* box-shadow: 0 0 3.5px rgba(0,0,0,0.5);*/background-color: #56b6e7;font-size: 16px;letter-spacing: 0px;line-height: 41px;color: #fefefe;text-align: center;display: block;padding: 0px 10px;}

.phoneBook_btn {
    cursor:pointer;
	    transition: none;
border:none;border-radius: 5px;   /* box-shadow: 0 0 3.5px rgba(0,0,0,0.5);*/background-color: #ffc106;font-size: 16px;letter-spacing: 0px;line-height: 41px;color: #fefefe;text-align: center;display: block;padding: 0px 10px; margin-left: 5px;}
.phoneBook_btn:hover{color: #000;}
.Upload_btn {/**green btn **/
    transition: none;
min-width: 141px;border-radius: 5px;background-color: #6ac8c0;font-size: 16px;letter-spacing: 0px;line-height: 39px;color: #fefefe;text-align: center;display: block;padding: 0px 10px;}
.Download_btn {
    transition: none;border-radius: 5px;background-color: #6ac8c0;font-size: 16px;letter-spacing: 0px;line-height: 41px;color: #fefefe;text-align: center;display: block;padding: 0px 10px; float: left; margin-left: 5px;}
#add_new_task{float: left!important;}
#addtask .modal-footer .cancel-btn{bottom: 11px;}
.submitLink{border: 0; background: none; color: #56b6e7;}

.blueSmallBtn, .buttons-excel{
transition: none;border:none;border-radius: 5px; background-color: #56b6e7;font-size: 16px;letter-spacing: 0px;line-height: 27px;color: #fefefe;text-align: center;padding: 0px 10px;}
.greySmallBtn{
transition: none;
border:none;
border-radius: 4px; 
background-color: #acacac;
font-size: 11px;
letter-spacing: 0px;
line-height: 20px;
color: #fefefe;
text-align: center;
padding: 0px 7px;
margin: 2px 0px;
}
.searchVal{    padding: 4px;
    font-size: 14px;
    line-height: 1.4;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #dfe3e9;
    margin-right: 5px;}
.table_filter_row{width: 100%; margin-bottom: 15px;}
.filtersDivider{background: #c7c7c7;
    width: 4px!important;
    height: 24px;
    margin: 0 10px;}
.mr15{margin-right: 15px;}
.dropzone {
    border: 2px dashed #56b6e7!important;
    border-radius: 10px;
}
.dropzone:hover{background: #f5f5f5;}
/*=======================================================

                     HEADING TITTLE

========================================================*/

.Customers-title h5 {line-height: 35px;color: #282828;font-family: 'Rubik', sans-serif; font-weight: 400;font-weight: 500; float: right; margin-left: 20px;}
.sum-building-btn{padding: 10px 5px!important;}
.sum-building-btn p{
	background: #56b6e7;
    width: fit-content;
    color: #fff!important;
    padding: 5px 8px;
    border-radius: 5px;
}
.sum-building-btn p:hover{
	 color: #000!important;
}
.raphael-group-DNpbDued{display: none;}
/********************dashboard******************/
.status-container{max-width:700px!important;}
.status-container .modal-body{
	max-height: 500px;
	overflow:auto;
}
.status-container .modal-footer{padding-top:10px;}
.status-details{
	margin:0;
	padding:0;
	list-style-type: none;
	width:100%;
	float:right;
}
.subscriber-details{
	font-family: 'Rubik';
	width: 100%;
    float: right;
	line-height: 20px;
	margin-bottom: 8px;
}
.status-details li{
	width: 100%;
    padding: 0px 2% 10px;
    float: right;
    /*border: 1px solid #54505087;*/
	background: #f5f5f5;
    margin-bottom: 5px;
}
.status-details li:last-child{
/*	border-bottom:none;*/
}
.content-pointer{
	cursor: pointer;
}

.is-updater .acf-switch:hover{background:#ff3a3a;}
.is-updater .acf-switch, .is-updater .acf-switch.-focus{
	background:#ff3a3a;
}
.is-updater .acf-switch-off{
	color:#fff;
}
.is-updater .acf-switch.-on{
	background: #0d99d5!important;
}


/*=======================================================

                     input common

========================================================*/

.form-group input,.form-group textarea{border-bottom: 1px solid #000;border-top: 0;border-left: 0;border-right: 0;border-radius: 0;background-color: transparent;margin-top: 1rem; font-family: 'Rubik', sans-serif;}

.acf-field input[type="text"], .acf-field input[type="password"], .acf-field input[type="date"], .acf-field input[type="email"], .acf-field input[type="number"], .acf-field input[type="search"], .acf-field input[type="tel"], .acf-field input[type="url"], .acf-field textarea, .acf-field select, input.custom-input {margin: 0;border-radius: 4px;background-color: #ffffff;border: 1px solid #dfe3e9;width: 100%;font-size: 14px;color: #282828;font-family: 'Rubik', sans-serif;}
.acf-field p.description{text-align: right;}
.acf-field .acf-label:first-child label{font-weight: 700!important;}
.acf-field .acf-input .acf-label:first-child label{font-weight: 400!important;}
.input_width_90{width: 85%!important;}
.stepNum{    width: 32px;
    font-size: 20px;
    font-weight: 700;
    float: left; cursor:move;
    line-height: 36px;}
.delicon{
 	width: 32px;
 	float: left;
	cursor: move;
    line-height: 0px;
}

.stepNum.delrow{cursor: pointer; margin-left: 50px;}
#inputfields{padding: 15px 30px;}
#inputfields li{margin-bottom: 15px;}
.nav-tabs{border-bottom: 0!important;}
#GoTabsBlock{position: relative;}
#GoTabsBlock .acf-gallery{ height: 240px!important;}
#GoTabsBlock .acf-fr{display: none;}
#GoTabsBlock .acf-fields.-border {
    border: 1px solid #dfe3e9;
    background: #fff;
    border-radius: 4px;
}
#GoTabsBlock .acf-gallery{border-radius: 4px;border: 1px solid #dfe3e9;}
#GoTabsBlock input[type='submit']{margin: 0 0 0 14px;}

#GoTabsBlock .acf-table thead th, #GoTabsBlock .acf-table>tbody>tr>td, #GoTabsBlock .acf-table{border: 0;}
#GoTabsBlock .acf-repeater .acf-row-handle.remove, #GoTabsBlock .acf-repeater .acf-row-handle.order{background: #fff;}
/* For IE10 */

/*select::-ms-expand {display: none;}

select {    text-align: center;  text-align-last: center;background-image: url(images/dropdown.png);background-repeat: no-repeat;background-position: left 4px center;-webkit-appearance: none;-moz-appearance: none;appearance: none;line-height: normal !important;padding: 0 3px;outline: none;padding-right: 0px;min-width: 86px;height: 35px;border-radius: 4px;border: 1px solid #ced0da;font-size: 14px;color: #858585;  font-family: 'Rubik', sans-serif;font-weight: 400;}*/
/*custom-scroll */



::-webkit-scrollbar {width: 6px; height: 6px;}
::-webkit-scrollbar-track{background: #eaeaea;}
::-webkit-scrollbar-thumb{background: #56b6e7;}

/** checkbox **/

.custom-control {padding-right: 1.5rem;}

.custom-control-label::before,   .custom-control-label::after {left: 0;right: -1.5rem;}

.custom-control-input:checked~.custom-control-label::before {color: #fff;border-color: #ffc106;background-color: #ffc106;border-radius: .25rem;}

.custom-checkbox .custom-control-label::before {border-radius: 4px;}

.custom-control-label::before{border-color: #ced0da;}

/*=======================================================

                       DASHBOARD PAGE CODE

========================================================*/

section {position: relative;overflow: hidden;width: 100%;}

.modal-backdrop{
    opacity:0.5;
}

.dashboard_content_block_Main {float: left;padding: 0 240px 0 0;width: 100%;background: #fff;height: 100vh;}

.dashboard_menu {
    width: 240px;background: #171a2b;padding: 25px 0;position: fixed;height: 100vh;bottom: 0;top: 0;z-index: 1;
    direction: ltr;}

.dashboard_menu figure.logo {margin-bottom: 18px;text-align: center;padding: 0 25px;}
.hide-if-value{text-align: right;}
.acf-repeater .acf-row:hover>.acf-row-handle .acf-icon.-plus{
    display: none;
}
.updatedSettings{width: 100%;
    background: #e0eef5;
    text-align: center;
    border-radius: 4px;
    padding: 5px 0;}
nav {direction: ltr;}
.companyLogo{width: 120px;
    height: 120px;
    border-radius: 100px;
    background-color: #fff;
	border:3px solid #fff;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;}
.Gc_menu {text-align: center;}

 .Gc_menu ul li a {font-size: 18px;color: #fff;font-family: 'Rubik', sans-serif;    
    line-height: 3vh;
    display: block;
    padding: 8px 0;
    text-align: right;}
.Gc_menu .greetingText{text-align: center; line-height: 20px;font-size: 18px;color: #fff;font-family: 'Rubik', sans-serif;  margin: 18px 0}

.Gc_menu ul{margin: 10px 0 0;}

.Gc_menu ul li {margin: 0px 0 0;position: relative;transition: 0.8s ease;
    /* padding: 0.5vh 0;  */
    width: 100%;}

.Gc_menu ul li a.active {border-left: 5px solid #ffc106;height: 100%;background: #353746;}

.Gc_menu ul li a img {    display: block;
    margin: 0 27px 0px 21px;
    float: right;
    width: 29px;}
.dashCon{float: right;}
.dashCon input{font-size: 18px;font-family: 'Rubik', sans-serif;    line-height: 3vh;
    display: block;
    padding: 8px 0;
    text-align: right; background:none!important; border: 0; color: #fff!important; float: left;}
.dashCon img {    display: block;
    margin: 4px 27px 0px 21px;
    float: right;
    width: 29px;}
a.logout-btn {position: absolute;bottom: 20px;left: 0;right: 0;}
#myTab{border-bottom:0;}
header{min-height: 75px;background-color: #eaeaea;padding: 0 20px 0 ;}

.dash_cont_block_inner {padding: 20px 0 60px;}

.heading_Title{margin-bottom: 60px;}

.Plan_size_block {border-radius: 10px;box-shadow: 0 0 6.5px rgba(74,74,74,0.2);background-color: #ffffff;border: 1px solid #dfe2e5;text-align: center;padding: 20px;transition: 0.8s ease;-webkit-transition: 0.8s ease;-moz-transition: 0.8s ease;}

.Plan_size_block h3 {margin: 25px 0;font-weight: 500;letter-spacing: -2px;font-family: "Montserrat";}

.Plan_size_block ul {border-top: 1px solid #dfe2e5;border-bottom: 1px solid #dfe2e5;padding: 22px 0;margin-bottom:15px;}

.Plan_size_block ul li:nth-child(1){padding: 0 0 25px 0;}

.Plan_size_block ul li {font-size: 18px;color: #2a282a;font-family: 'Rubik', sans-serif;font-weight: 400;}

.Plan_size_block ul li span{color: #7f7e80;}

.Plan_size_block h4 {margin: 25px 0 30px;}

.Plan_size_block:hover, .Plan_size_block.active {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}

button.price_btn {min-width: 140px;filter: drop-shadow(0 0 3.5px rgba(0,0,0,0.2));font-size: 18px;color: #171a2b;font-weight: 400;text-align: center;transition: 0.8s ease;-webkit-transition: 0.8s ease;-moz-transition: 0.8s ease;position: relative;overflow: hidden;}

.Plan_size_block:hover button.price_btn, .Plan_size_block.active button.price_btn {background: #eaeaea;color: #171a2b;}

button.price_btn.btn:focus {background: #eaeaea;}

span.btn_check {position: absolute;left: 0;bottom: 0;outline: none;line-height: 44px;width: 0;transition: 0.8s ease;opacity: 0;}

button.price_btn.btn:focus span.btn_check, button.price_btn.btn span.btn_check.active  {bottom: 0;background: #eaeaea;opacity: 1;width: 100%;}







/*=======================================================

                        LOGIN PAGE

========================================================*/

.loginSec{background: url('images/login-banner.jpg') center no-repeat;height: 100vh;background-size: cover;}

.loginSec .head {background-color: #171a2b;}

.Goinput {padding: 2rem;}

.Goinput .Goinput input:last-child {margin-top: 2.7rem;}

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

.Goinput p a{color: #818181;font-family: "Rubik";}

.Gologin{background-color: #fff;box-shadow: 0 0 3.5px rgba(0,0,0,0.5);}
.Gologin h1{font-size: 20px; color: #333;}
.forgotPass{margin-top: 20px;}
.login-msg{color: red!important;}
.login-msg.green{ color: #156d00!important}
.greenText{ color: #52c523;}
.redText{ color: red;}
	.login-form{position: relative;}
	.firstLoginApprove{    position: absolute;    top: 166px;}

/*=======================================================

                        PASSWORD PAGE

========================================================*/

.Gopswrd p:first-child{font-size: 20px;letter-spacing: 0px;line-height: 8px;color: #2a282a;font-family: 'Rubik', sans-serif;}



.Gopswrd p {font-size: 16px;letter-spacing: 0px;line-height: 16px;color: #7b7b7c;padding: 10px 21px;font-family: 'Rubik', sans-serif;}

.Gopswrd .custom-btn{margin: 1.7rem 0rem;}

.form-group {
    margin-bottom: 0;
}
#subscriber-table-sort th:focus{
	outline-width: 0px;}

#subscriber-table-sort tbody{
    display:block;
    height:41vh;
        overflow-y: auto;
    overflow-x: hidden;
}

#subscriber-table-sort thead, #subscriber-table-sort tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;/* even columns width , fix width of table too*/
}
#subscriber-table-sort thead {
    width: calc( 100% - 1em )/* scrollbar is average 1em/16px width, remove it from thead width */
}
.bottomData{width: 100%;padding: 1%;}
.bottomData h5{float: right}
#subscriber-table-sort_filter{float: right; position: absolute;    top: -54px;right:159px;}
#projects-table-sort_filter{float: right; position: absolute;       top: -51px;
    right: 134px;}
 #groupfilterdata_table_filter{float: right; position: absolute;   top: -80px;
    right: 19px;}
/* .page-template-page-sendMessage-php #groupfilterdata_table_filter{ right: 240px;}*/
   
#subscriber-table-sort_filter input, #groupfilterdata_table_filter input, #projects-table-sort_filter input{padding: 4px;
    font-size: 14px;
    line-height: 1.4;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #dfe3e9; margin-right: 5px; }
/*=======================================================

                  RESET PASSWORD PAGE

========================================================*/

.Goeset p{padding: 0;}

.Goreset .custom-btn {margin-top: 3.1rem;margin-bottom: 1.6rem;}

.Goreset p:nth-child(3){font-size: 20px;letter-spacing: 0px;line-height: 8px;color: #2a282a;font-family: 'Rubik', sans-serif;}

.Goreset p:nth-child(2){font-size: 16px;letter-spacing: 0px;line-height: 16px;color: #7b7b7c;margin-bottom: 12px;font-family: 'Rubik', sans-serif;}

.Goreset{padding: 2.4rem 4rem;}

.Goreset svg {margin-bottom: 2.5rem;}



/*=======================================================

                     SCREEN 3 CSS CODE

========================================================*/

.dashboard_Table_block {padding: 30px 0;}

.search-box {position: relative;max-width: 175px;margin-right: auto;}

.search-box img{position: absolute;left: 10px;top: 12px;}

.search-box input[type="text"] {width: 100%;height: 41px;border-radius: 5px;background-color: #ffffff;border: 1px solid #171a2b;padding: 0 5px 0 35px;font-size: 16px;color: #383737;font-family: 'Rubik', sans-serif;font-weight: 400;}

.search-box input[type="text"]::-webkit-input-placeholder {color: #383737;}

.search-box input[type="text"]::-moz-placeholder {color: #383737;}

.search-box input[type="text"]:-ms-input-placeholder {color: #383737;}

.search-box input[type="text"]:-moz-placeholder {color: #383737;}


.new_step{cursor:move;}
.table_block {
	margin-top: 20px;
	border-radius: 10px;
	box-shadow: 0 0 6.5px rgb(42 88 174 / 30%);
	border: 1px solid #dfe2e5; 
	position: relative;}

.table_block table th {font-size: 14px;line-height: normal;    padding: 10px;color: #000;font-family: 'Rubik', sans-serif;font-weight: 400;border-bottom: 1px solid #dfe2e5; }
.Owner_status .table_block table th {padding: 10px 5px;}
.Owner_status .table-responsive {    min-height: auto;}


.td-120{
    width: 120px!important;
}
.td-200{
    width: 200px!important;
}
.td-185{
    width: 185px!important;
}
.td-100{
    width: 100px!important;
}
.td-30{
    width: 30px!important;
}
#msgrecord th{font-weight: 700;}
#subscriber-table-sort.table th:first-child, #subscriber-table-sort.table td:first-child{width: 30px;}
#subscriber-table-sort.table th:last-child, #subscriber-table-sort.table td:last-child{width: 50px;}
#subscriber-table-sort.table th:nth-child(2), #subscriber-table-sort.table td:nth-child(2){width: 120px;}
#subscriber-table-sort.table th:nth-child(6), #subscriber-table-sort.table td:nth-child(6){width: 120px;}
#subscriber-table-sort.table th:nth-child(8), #subscriber-table-sort.table td:nth-child(8){width: 200px;}
#subscriber-table-sort.table th:nth-child(37), #subscriber-table-sort.table td:nth-child(37){width: 185px;}
#subscriber-table-sort.table th, #subscriber-table-sort.table td {width: 100px;}
.table_block table td {font-family: 'Rubik', sans-serif; font-weight: 400;font-size: 14px;line-height: normal;padding: 8px 10px;color: #2a282a;vertical-align: middle;border-top: 0px solid #dee2e6;border-bottom:1px solid #f0f1f3;}

.table_block table  tr:last-child td {border-bottom:0px solid #f0f1f3;}

.table_block td p, .table_block td p a {color: #7d7d7d;    line-height: normal;}

.table_block td select {min-width: 40px; height: 25px;border-radius: 4px;background-image: linear-gradient(0deg, #f1f3f7 0%, #ffffff 100%);border: 1px solid #ced0da;outline: none;font-size: 12px;line-height: 44px;color: #7d7d7d;font-family: 'Rubik', sans-serif;font-weight: 400;background-image: url(images/dropdown.png);background-repeat: no-repeat;background-position: left 4px center;-webkit-appearance: none;}


.table_block2{margin-top: 20px;border-radius: 10px;box-shadow: 0 0 6.5px rgba(74,74,74,0.12);border: 1px solid #dfe2e5;}
.table_block2 table th {font-size: 14px;line-height: normal;    padding: 40px 23px 10px;color: #b4b5b9;font-family: 'Rubik', sans-serif;font-weight: 400;border-bottom: 1px solid #dfe2e5;}
.table_block2 table td {font-family: 'Rubik', sans-serif; font-weight: 400;font-size: 14px;line-height: 32px;padding: 0px 23px 16px;color: #2a282a;vertical-align: middle;border-top: 0px solid #dee2e6;border-bottom:1px solid #f0f1f3;}
.table_block2 .dropup{margin-top: 15px;}
#project_data input[type="text"], #projectManagerData input[type="text"]{   width: 90%;
    padding: 4px 8px; font-weight: 300;
    margin: 0;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.4;
border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #dfe3e9;
    color: #282828;}
#freeSearch{    float: right;
    position: relative;
    right: 9px;
    top: 11px;
    padding: 3px;
    font-size: 14px;
    line-height: 1.4;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #dfe3e9;
    margin-right: 5px;}
.clearFree{position: relative;
     right: -8px;
    top: 12px;
    float: right;
    font-size: 15px;
    color: #696969;}
.action-icons a i {color: #56b6e7;font-size: 15px;}
.cmtIcon{font-size: 20px;    position: relative;    top: -16px; right: 7px;}
#projectManagerData .table td{ border-bottom: 1px solid #e2e2e2;}
#projectManagerData .subtimelinetable td{border-bottom: 0;    padding: 8px 10px 0;}
#projectManagerData textarea{padding: 6px;    width: 85%;    border-radius: 5px;    border: 1px solid #d8d8d8;}
.managerRow span{ cursor: pointer;}
.addSub span{ cursor: pointer;}
.action-icons a:nth-child(1) {margin: 0 0 0 30px;}
.single-customers .table_block tr th:nth-child(1), .single-customers .table_block tr td:nth-child(1) {padding-right: 40px;}
/*.page-template-page-customers-php .table_block tr th:nth-child(1), .page-template-page-customers-php .table_block tr td:nth-child(1) {padding-right: 40px;width: 100%;}*/
 .page-template-page-sendMessage-php .table_block tr th:nth-child(1), .page-template-page-sendMessage-php .table_block tr td:nth-child(1){padding-right: 16px;width: 5%;}
/*.single-projects .table_block tr th:nth-child(8), .single-projects .table_block tr td:nth-child(8) {padding-right: 16px;width: 20%;}*/
/*.Tab_content4 .table_block tr th:last-child, .Tab_content4 .table_block tr td:last-child{width: 6%;}*/
.single-customers .table_block tr td{line-height: 37px;}
/** SCREEN 3 POP UP CODE **/

.ClientForm {padding: 0;}

h5.exampleModalCenterTitle {font-size: 22px;color: #56b6e7;font-family: 'Rubik', sans-serif;padding: 0; text-align: center;}

.ClientForm .form-group {width: 100%;}

.ClientForm label{font-size: 14px;line-height: normal;color: #282828;font-family: 'Rubik', sans-serif;margin: 0 0 5px;}

.ClientForm select {text-align: center;width: 100%;float: left;position: relative;z-index: 1;background-color: transparent;background-position: left 8px center;overflow: hidden !important;margin: 0px 0px 0 1px;}

img.DropdownBase {position: absolute;left: -1px;top: -2px;}

button.close {    position: absolute;    left: 0px;}

.modal-footer, .modal-header {border: none;}

.modal-content { border-radius: 10px; padding: 11px;}
#ui-datepicker-div .ui-icon{    text-indent: 99999px;}
#settingsSection #acf-form{width: 100%;}
#settingsSection .acf-switch.-on{    background: #6bbd11;    border-color: #358801;}
#settingsSection .acf-switch.-on .acf-switch-slider {
    left: 50%;
    right: 2px;
    border-color: #2c8200;
}
.modal .modal-footer button, .ClientForm input[type='submit'], #settingsSection input[type='submit'], #Documents_List_modal input[type='submit'] {width: 114px;line-height: 41px;border-radius: 5px;box-shadow: 0 0 3.5px rgba(0,0,0,0.2);font-size: 18px;letter-spacing: 0px;color: #383737;font-weight: 500;text-align: center;   padding: 0; border: 0;
-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

.modal .modal-footer button:hover,.modal .modal-footer button:focus, .ClientForm input[type='submit']:hover, #settingsSection input[type='submit']:hover, #settingsSection input[type='submit']:focus, #Documents_List_modal input[type='submit']:hover, #Documents_List_modal input[type='submit']:focus {    color: #fff;background: #56b6e7;border: 1px solid #56b6e7;}

.modal .modal-footer .add-btn, .ClientForm input[type='submit'], #settingsSection input[type='submit'], #Documents_List_modal input[type='submit'] {background-color: #ffc106;margin-right: 15px;border: 1px solid #ffc106;}

.ClientForm input[type='submit']{
	margin-left: 15px;
}

#settingsSection input[type='submit']{margin-left: 12px; margin-right: 0;}
#editfiles li svg.feather-file-text, #folderfiles_modal li svg.feather-file-text{
    margin-top: 4px;
    margin-left: 7px;
}
.tasksSection .Documents_List{    padding: 0 0 15px; }
#folderfiles_modal h5{text-align: right;}
#allfilestodownload{margin-top: 0;}
#folderfiles_modal .Documents_List ul li a{padding: 15px 0;}
.modal .modal-footer .cancel-btn {background-color: #ffffff;border: 1px solid #171a2b;}
#projectExcelFile .cancel-btn, #excelFile .cancel-btn{bottom: 11px;}
.yellowBtn{background: #ffc106!important;}
.yellowBtn:hover{background: #56b6e7!important;}
.inline-content  {flex-wrap: nowrap;}
.tempHide{display: none!important;}
.ClientForm label {justify-content: end;width: 100%;text-align: right; font-weight: 400!important;}

.ClientForm .selectDropdown {width: 100%;    position: relative;overflow: hidden;}

#NewClientForm .modal-footer, .editCustomerModal .modal-footer{/*position: absolute;
    left: 169px;
    bottom: 0px;*/}
.ClientForm .acf-field-message label{
	font-size: 17px;
    color: #56b6e7;
	margin:0!important;
}
.ClientForm .acf-field-message{
	padding-bottom:0!important;
}
.ClientForm .acf-label{
	
	margin-bottom:0!important;
}
.ClientForm .park .acf-label{
	margin-bottom:20px!important;
}
.project-slide{
	height: 215px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.webview-div a:hover{color: #ffc106;}
/*=======================================================

                  SORRY PAGE

========================================================*/

.accountSec .header{background-color: #171a2b;padding: 8px 30px;direction: ltr;}

.accountSec .header .acc-text p{font-size: 18px;color: #ffffff;font-family: 'Rubik', sans-serif;}

.inactiveAcc-part .box{border-radius: 10px;filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.2));border: 1px solid #dfe3e9;padding: 7rem 1rem 9rem 1rem;width: 992px;margin: 5rem auto;}

.inactiveAcc-part .box p:nth-child(2){font-size: 36px;letter-spacing: 1px;color: #2a282a;font-family: 'Rubik', sans-serif;margin-top: 30px;}

.inactiveAcc-part .box p:nth-child(3){font-size: 24px;letter-spacing: 0px;color: #7b7b7c;font-family: 'Rubik', sans-serif;margin-top: 27px;}



/*=======================================================

                  SCREEN 4 PROJECT PAGE 

========================================================*/

ul.software_update_block {display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;align-items: center;margin-top: 8px;}

ul.software_update_block li:first-child {margin-left: 40px;}

p.Total-updated {font-size: 18px;letter-spacing: 0px;color: #171a2b;font-family: 'Rubik', sans-serif; font-weight: 400;text-align: right;}

ul.software_update_block  h6 {font-size: 16px;letter-spacing: 0px;color: #818181;font-family: 'Rubik', sans-serif;text-align: right;}

ul.software_update_block .progress{  margin-top: 10px;background-color: #ffffff;border-radius: 2px;    min-width: 250px;}

ul.software_update_block .progress-bar {background-color: #56b6e7;border-radius: 2px; transition: all 0.9s;}
ul.software_update_block .progress-bar.redBar {background-color: red;border-radius: 2px;}

.Software_upgrade_btn img {float: left;margin-top: 10px;}



.Projects_Table .dropdown-menu {border-radius: 5px;filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.2));background-color: #ffffff;border: 1px solid #dfe3e9;padding: 0;}

.Projects_Table .dropdown-toggle {width: 112px;height: 36px;border-radius: 4px;background-color: #f4f5f8;border: 1px solid #ced0da;font-size: 14px;color: #2a282a;font-family: 'Rubik', sans-serif;background-image: url(images/dropdown.png);background-repeat: no-repeat;background-position: left 10px center;outline: none;}

.Projects_Table .dropdown-toggle:focus, 

.Projects_Table .dropdown-toggle:active:focus,

.Projects_Table .show>.btn-secondary.dropdown-toggle {background-color: #fff;border: 1px solid #ced0da;color: #2a282a;}

.Projects_Table .dropdown-toggle:after {visibility: hidden;}

a.dropdown-item, button.dropdown-item {padding: 0 35px 0 10px;text-align: right;border-bottom: 2px solid #eef0f3;font-size: 14px;line-height: 44px;color: #7d7d7d;font-family: 'Rubik', sans-serif;font-weight: 400;position: relative;}

a.dropdown-item svg, a.dropdown-item i,button.dropdown-item i {position: absolute;right: 10px;top: 16px;}

a.dropdown-item i, button.dropdown-item i {color: #7d7d7d;-webkit-transition: 0.4s ease-in-out;-moz-transition: 0.4s ease-in-out;-ms-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;}

a.dropdown-item:hover .shp0{stroke: #56b6e7;-webkit-transition: 0.4s ease-in-out;-moz-transition: 0.4s ease-in-out;-ms-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;}

a.dropdown-item:hover, 

a.dropdown-item:hover i, button.dropdown-item:hover i {color: #56b6e7;}





/*=======================================================

                      SCREEN 5 Tab content -1

========================================================*/

.resp-tabs-list li{float: right;}

.GoTabsList li.tab-list-item {border: none;border-bottom: 4px solid #fff;border-radius: 0;padding: 0 0 8px!important;margin-left: 50px;font-size: 16px;letter-spacing: 0px;line-height: 8px;color: #7d7d7d;font-family: 'Rubik', sans-serif;text-align: center;}

.GoTabsList li.tab-list-item.resp-tab-active {border-bottom: 4px solid #ffc106; color: #171a2b;}

ul.GoTabsList {margin-top: 20px;}

.GoTab_Content {float: right;width: 100%;    margin-top: 20px;padding: 0; }

.tab-box {
	border-radius: 10px;
	box-shadow: 0 0 6.5px rgba(74,74,74,0.12);
	background-color: #ffffff;
	padding: 6px 18px 21px;border: 1px solid #dfe2e5;}
.ClientForm .tab-box {padding: 5px 5px 21px;}
.add_project {position: relative;}

/*.add_project i {border: 2px solid #ffc106;border-radius: 50%;overflow: hidden;width: 19px;height: 19px;font-size: 12px;line-height: 17px;text-align: center;float: left;color: #ffc106;position: absolute;top: 8px;left: -30px;}*/

span.comment {font-size: 12px;line-height: 14px;color: #7d7d7d;font-family: 'Rubik', sans-serif;}

.GoTab_Content .ClientForm .form-group {max-width: 100%;width: 100%;}

.acf-actions i, .acf-gallery-toolbar i {border: 2px solid #ffc106;
    border-radius: 50%;
    margin-top: 1px;
    width: 19px;
    height: 19px;
    font-size: 11px;
    line-height: 17px;
    text-align: center;
    float: right;
    color: #ffc106;
    position: static;
    margin-left: 7px;}



.Address_table {text-align: right;border: none;padding: 0 40px; margin: 0;}

.Address_table table th {padding: 10px 10px 0;border: none;}

.Address_table table td {border: none;padding: 10px 10px 0;}

p.Address_table_content {border-radius: 4px;background-color: #ffffff;border: 1px solid #dfe3e9;width: 100%;padding: 10px 10px;font-size: 14px;}

.Address_table .fixed_header tbody {height: 195px;}

.Address_table .fixed_header {margin: 0;}



figure.fileupload.GoImgUpload-icon {background: #f4f4f4;display: flex;align-content: center;height: 92%;justify-content: center;align-items: center;width: 100%;box-shadow: 0 0 3.5px rgba(42,88,174,0.3);   margin-top: 15px; }

figure.fileupload.GoImgUpload-icon img {width: auto;box-shadow: 0 0 0 0;}

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

.GoImgUpload figure img {width: 100%;box-shadow: 0 0 3.5px rgba(42,88,174,0.3);}

.GoImgUpload h6 {line-height: 32px;color: #282828;font-family: 'Rubik', sans-serif;text-align: right;}

.GoNextPage {margin-bottom: 80px;margin-top: 30px;}

.GoNextPage a{min-width: 114px;position: relative;font-size: 18px;color: #383737;font-family: 'Rubik', sans-serif; font-weight: 400;}

.GoNextPage a svg {float: left;    margin-top: 3px;}

.GoNextPage a svg.feather-check { margin-top: 5px;}

.GoBackgroundPicture .col-md-2,.GoAnotherLogo .col-md-2 {-ms-flex: 0 0 16.666667%;flex: 0 0 18.666667%;max-width: 18.666667%;}

.GoPhotoGallery figure {margin-bottom: 5px;}

#enable-modal{text-align: right;}

/*=======================================================

                     SCREEN 6 Tab content -2

========================================================*/

.GoTemplateBlock{display: flex;align-items: center;    margin-top: 8px;}
.choose-group{
	    display: -webkit-inline-box;
	}
.choose-group li{
	line-height: 35px!important;
}
.GoTemplateBlock .inline-content {position: relative;margin: 0 7px;}

.GoTemplateBlock li select {    padding: 4px;
    font-size: 14px;
    line-height: 1.4;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #dfe3e9;}

.Template_Button button{float: left;    font-size: 14px!important;}
.Template_Button a{font-size: 14px!important;}

.Template_Button button i{float: left;margin-top: 12px;}

ul.GoTemplateBlock li {font-size: 14px;line-height: 14px;color: #282828;font-family: 'Rubik', sans-serif;}

.TemplateTable .custom-control-input:checked~.custom-control-label::before,

.TemplateTable .custom-control-label::after,

.TemplateTable .custom-control-label::before {top: 0;}
.add_subscriberBtn{float: left; color: #fff;}
.add_usersBtn{     margin: 15px 0;}
.submitEditUser{border: 0; background-color: transparent;}
.attachToProjectForm input{ float: right;    width: 5%;    margin-top: 3px;}
.attachToProjectForm label { float: right;    width: 95%;    margin-bottom: 20px;}
.saveAttached{float: left!important; min-width: 116px!important;}
/*=======================================================
 
                     SCREEN 7 Tab content -3

========================================================*/
.topTableBtns{width: 100%; overflow: hidden;}
.topTableBtnsLeft{float: left; width: 410px;}
.topTableBtnsRight{ float: right; margin-right: 5px;}
.Documents_Tabs {border-radius: 10px;filter: drop-shadow(0 0 6.5px rgba(74,74,74,0.1));background-color: #ffffff;border: 1px solid #dfe2e5;    padding: 0 15px;}
.topViewBox { border-radius: 10px;filter: drop-shadow(0 0 6.5px rgba(74,74,74,0.1));background-color: #ffffff;border: 1px solid #dfe2e5;    padding: 15px; margin-bottom: 20px;text-align: right;}
.topViewBox h4{font-size: 24px; color: #56b6e7;    margin-bottom: 9px;}
.topViewBox h5{ margin-bottom: 10px;}
#cleartopView, #clear_phonebook, #clear_professionalbook{    float: right;
    margin-top: 6px;
    margin-bottom: 9px;
    margin-right: 13px;}
#title_search, #name_search, #professional_search{float: right; width: 240px;}
#searchresults{     position: absolute;    width: 200px;
    top: 39px;
    z-index: 9999; padding: 5px;}
 #phonebook_searchresults{     position: absolute;    width: 200px;
    top: 92px;
    z-index: 9999; padding: 5px;    right: 12px;}
#searchresults ul li, #phonebook_searchresults ul li {
    cursor: pointer;
    text-align: right;
    background: #56b6e7;
    padding: 7px;
    margin-bottom: 1px;
}
.dropdown_professionals {background: #0079ad!important; }
#phonebook_subscriber_details{width: 33%; float: right; margin: 15px 15px 0 0;}
#phonebook_professional_details{width: 33%; float: right; margin: 15px 15px 0 0;}
.clearSearch{cursor: pointer;}
button.new_file_btn {width: 141px;border-radius: 5px;    color: #56b6e7;background-color: #fff;border: 1px solid #56b6e7;font-size: 16px;letter-spacing: 0px;line-height: 40px;font-family: 'Rubik', sans-serif;text-align: center;margin: 0 30px;padding: 0 10px;}
.topView_professional{margin-bottom: 10px;}
button.admin_new_file_btn {width: 141px;border-radius: 5px;    color: #56b6e7;background-color: #fff;border: 1px solid #56b6e7;font-size: 16px;letter-spacing: 0px;line-height: 40px;font-family: 'Rubik', sans-serif;text-align: center;margin: 30px 0 0;padding: 0 10px;}

button.new_file_btn svg.feather-folder-plus, button.admin_new_file_btn svg.feather-folder-plus{float: left;margin-top: 11px;}

button.new_file_btn:hover, 
 
button.new_file_btn:focus {   color: #56b6e7;}
.myFileList{ padding: 15px 12px!important;}
.Documents_List {text-align: right;padding: 15px 0;}

.Documents_List > ul {margin-top: 50px;}

.Documents_List > ul li {position: relative;}
#subscriberFiles .acf-label label{ cursor: pointer}

.Documents_List > ul li:last-child{border:none;}

.Documents_Tabs .col-sm-3.border-left {  padding: 0;}

.Documents_List ul  li a{padding: 15px 28px;position: relative;font-size: 16px;letter-spacing: 0px;color: #171a2b;font-family: 'Rubik', sans-serif;    border-bottom: 1px solid #f3f4f4;display: block;}
#Documents_List_modal .Documents_List ul li a {padding: 2px 28px; }
#AllSubscriber_Documents_List_modal .Documents_List ul li a{    margin: 5px 0;
    padding: 0 0 5px 0;}
#allSubscriberFiles li a{       padding: 6px 13px!important;
    position: relative;
    font-size: 16px;
    letter-spacing: 0px;
    color: #171a2b;
    font-family: 'Rubik', sans-serif;
    display: block;
    border-bottom: 1px solid #f3f4f4;
    margin: 0!important;}
#AllSubscriber_Documents_List_modal .Documents_List ul li svg.feather-file-text{    margin: 2px 0 0 15px}
#AllSubscriber_Documents_List_modal .modal-dialog{max-width: 830px;}
.Documents_List ul  li svg.feather-folder {height: 18px;width: 18px;margin-left: 10px;}

.Documents_List ul  li svg.feather-file-text {margin-top: 10px; float: right;}

.Documents_List ul  li svg.feather-more-vertical {position: absolute;stroke: #05b3ff;left: 20px;top: 18px; cursor: pointer;}
.Documents_List ul  li svg.feather-more-vertical2 {position: absolute;stroke: #05b3ff;left: 0px;top: 4px;cursor: pointer;}

.uploading_heading {color: #7d7d7d;font-size: 16px;position: absolute;right: 48px;top: 65px;}

.uploading_heading svg{margin-left: 10px;}

.Doc_edits,

.Doc_edit2 {display: none;}

.Doc_edits,

.Doc_edit2 {width: 166px;border-radius: 5px;box-shadow: 0px 1px 2px rgba(0,0,0,0.2);background-color: #ffffff;border: 1px solid #dfe3e9;   position: absolute;left: 46px;   top: 16px;z-index: 1;}

.Doc_edits ul li a,

.Doc_edit2 ul li a{border: 1px solid #dfe3e9;padding: 15px 10px;}

.Doc_edits ul li:hover a,

.Doc_edit2 ul li:hover a{color: #56b6e7}

.Doc_edits ul li:hover stroke,

.Doc_edit2 ul li:hover stroke{color: #56b6e7}

.Doc_edits ul li a img, 

.Doc_edits ul li a svg,

.Doc_edit2 ul li a img, 
.Doc_edit2 button svg,

.Doc_edit2 ul li a svg {margin-left: 10px;}

img.hover-rename-icon {display: none;}

.Doc_edits ul li:hover a img.hover-rename-icon,

.Doc_edit2 ul li:hover a img.hover-rename-icon {display: inline-block;}

.Doc_edits ul li:hover a img.rename-icon,

.Doc_edit2 ul li:hover a img.rename-icon {display: none;}

.Doc_edits ul li:hover a img.hover-rename-icon,

.Doc_edit2 ul li:hover a img.hover-rename-icon {display: inline-block;}

.Doc_edit2 button{    padding: 10px 15px;
    position: relative;
    font-size: 14px;
    letter-spacing: 0px;
    color: #7d7d7d;
    border-bottom: 1px solid #f3f4f4;
    display: block;
    line-height: normal;
    background: transparent;
    width: 100%;
    border: 0;
    text-align: right;}



/*=======================================================

                    PASSWORD SCREEN 8 (Tab content -4)

========================================================*/

.excel-icon-dark{display: none;}
.sendNewUpdates{margin-left: 15px;}
.Upload_btn:hover .excel-icon{display: none;   }

.Upload_btn:hover .excel-icon-dark{display: inline-block;}

.user-icon-dark{display: none;}
.updated_btn{ min-width: inherit;}
.updated_btn:hover .user-icon{display: none;   }

.updated_btn:hover .user-icon-dark{display: inline-block;}

.Template_Button .Upload_btn {    margin-left: 5px;
    min-width: inherit;}

button.Group-btn {min-width: 54px;line-height: 21px;border-radius: 10px;background-color: #1d82c9;border: 1px solid #1d82c9;font-size: 12px;color: #ffffff;text-align: center;margin-left: 10px;}

button.Group-btn2 {min-width: 54px;line-height: 21px;border-radius: 10px;background-color: #6cb4d2;border: 1px solid #6cb4d2;font-size: 12px;color: #ffffff;text-align: center;margin-left: 10px;}

button.Group-btn.disabled{background-color: #9bd3fb;border: 1px solid #9bd3fb;}

tfoot  h5 {font-size: 18px;letter-spacing: 0px;line-height: 35px;color: #282828;font-family: 'Rubik', sans-serif;}

.ExcelTable_Edits {position: relative;}

.ExcelTable_Edits .Doc_edit2 {    left: 37px;
    top: 0px;}

.ExcelTable_Edits svg.feather.feather-more-vertical {float: left;margin:0 0 0 13px;}

.ExcelTable_Edits ul li a {padding: 10px 15px;position: relative;font-size: 14px;letter-spacing: 0px;color: #7d7d7d;border-bottom: 1px solid #f3f4f4;display: block;line-height: normal;}

.GroupAffiliation_Modal select{    padding-right: 15px;
    min-width: 150px;
    border-radius: 4px;
    border: 1px solid #ced0da;
    font-size: 13px;
    color: #858585;}

.GroupAffiliation_Modal .modal-footer,

.GroupAffiliation_Modal .modal-header {justify-content: center;}

.GroupAffiliation_Modal label {width: 100%;font-size: 14px;color: #282828;text-align: center;}

.GroupAffiliation_Modal .inline-content {flex-wrap: wrap;}



.GroupAffiliation_Modal .modal-footer {padding: 0 10px 15px;}

.GroupAffiliation_Modal .modal-header {padding: 40px  10px 0px;}



/*=======================================================

                    PASSWORD SCREEN 9B

========================================================*/

.passwordSec .Goinput h5 {font-size: 24px;line-height: 30px;color: #171a2b;font-family: "Rubik";text-align: center;}

button.adding_btn {width: 141px;border-radius: 5px;background-color: #fff;border: 1px solid #56b6e7;color: #56b6e7;font-size: 16px;letter-spacing: 0px;line-height: 40px;font-family: 'Rubik', sans-serif;text-align: center;margin: 0 30px;padding: 0 10px;}

button.btn.adding_btn.timeline {width: 175px;}

button.adding_btn:hover, 

button.adding_btn:focus {background-color: #56b6e7;color: #ffffff;}

.donutCon{margin: 32px 0 16px;}

/*=======================================================

            Account And Package SCREEN 13

========================================================*/

.PackageDetail, .accountSetting{margin-top: 40px; }

.andCompany {text-align: right;margin: 40px 0;}

.accountSetting label {font-size: 14px;line-height: 20px;color: #282828; text-align: right;}
.settingsCounter{margin-bottom: 30px;}
.packageUpdate {text-align: right; margin-top: 11px;}

.packageUpdate h6 {font-size: 17px;letter-spacing: 0px;line-height: 28px;color: #282828;}

.packageUpdate h5 {font-size: 18px;letter-spacing: 0px;line-height: 18px;color: #171a2b;text-align: right;}

.packageUpdate .progress {max-width: 180px;}

.packageUpdate .progress .progress-bar {background-color: #56b6e7;}
.packageUpdate .progress .progress-bar.redBar {background-color: red;}

.packageUpdate .Software_upgrade_btn {display: inline-block;margin: 30px 0;}

.accountSetting {min-height: 600px;overflow: hidden}

.UpdatedFree {   min-height: 350px;}

.UpdatedFree h6 {   font-size: 18px;   letter-spacing: 0px;   line-height: 25px;   color: #282828;   font-weight: 600;   text-align: right;}

.UpdatedFree label {   font-size: 14px;   line-height: 32px;   color: #282828;   text-align: right;}

.UpdatedFree .form-group {max-width: 80%;width: 100%;}

.accountSetting .col-sm-6.col-md-6 .form-group {margin-bottom: 1rem;max-width: 85%;width: 100%;}

#excelUploadMsg .modal-title{text-align: right;    margin-top: 61px;}

/*=======================================================

                 Manage Timeline SCREEN 14

========================================================*/

.Documents_List ul li a i {color: #05b3ff;height: 18px;width: 18px;margin-left: 10px;font-size: 18px;}

.manage-wrapper .Documents_Tabs .Documents_List ul>li a:hover {background-color: #f8f8f8;}

.timeline_2 {padding: 30px;font-size: 16px;letter-spacing: 0px;line-height: 8px;color: #171a2b;}

.timeline_2 i {color: #7d7d7d;height: 18px;width: 18px;margin-left: 10px;font-size: 18px;}

.adding-step .form-group {width: 92%;position: relative;float:left;}



.manage-wrapper .Documents_Tabs .Documents_List ul>li .Doc_edits ul li svg {margin-left: 10px;stroke: #7d7d7d;}

.calander-icon{margin-left: 10px;}
.whiteMask{ width: 100%; position:relative; background: url("images/whiteMask.png") repeat-x; height: 236px; top: 0; position: absolute;}


/*=======================================================

                       SCREEN 15

========================================================*/

.Go_Group_list li img {margin-left: 10px;}

.Go_Group_list .Doc_edits {left: 35px;top: 17px;}

.Group_Management_Page .uploading_heading {position: static;padding: 0 10px;}

.Group_Management_Form .form-group span.selectDropdown {position: relative;}

.Group_Management_Form .form-group .custom-control {padding: 0;}

.Group_Management_Form .form-group label {margin-left: 10px;min-width: 70px;text-align: right;align-items: end;justify-content: end;}

.Group_Management_Form select {position: relative;z-index: 1;background-color: transparent;background-position: left 8px center;min-width: 150px;}

.Group_Management_Form  img.DropdownBase {position: absolute;left: -2px;top: -2px;}

.Group_Management_Page .Documents_List {padding: 15px 10px;}

.Group_Management_Page .Documents_List .timeline_2 {padding: 15px 0 45px;}

.Group_Management_Page .Documents_List > ul {margin-top: 20px;}
#myTabContent{position: relative;}
.bottomLogo{padding: 5px;
    background: #fff;
    border-radius: 5px;
    width: 190px;
    margin: 0 auto;}
.acf-image-select label input {
    display: none;
}
.acf-image-select ul li{margin: 10px 20px 10px 0!important;}
.acf-image-select label p {
	display: none;
}
.acf-image-select label img {
	border: solid 3px #ddd; width: 120px; height: 80px;    padding: 1px;
}
.acf-image-select label.selected img {
	border: solid 3px #999;
}
#subscriberViewBG{min-height: calc(100vh - 77px);    background-size: cover;}
#graphBox, #modalGarph{position: relative;}
.whiteSquer{    position: absolute;
        top: 440px;
    left: 21px;
    background: #fff;
    width: 118px;
    height: 35px;
    z-index: 9;
    border-radius: 5px;}
.whiteSquer2{    position: absolute;
        top: 385px;
    left: 21px;
    background: #fff;
    width: 118px;
    height: 35px;
    z-index: 9;
    border-radius: 5px;}
/*=======================================================

                       SCREEN 20

========================================================*/

.Address_Block_Table table {border-collapse: collapse;margin: 0;padding: 0;width: 100%;table-layout: fixed;}

.Address_Block_Table ttable tr {background-color: #f8f8f8;border: 1px solid #ddd;padding: .35em;}

.Address_Block_Table span.active-text{font-family: 'Rubik', sans-serif; font-weight: 400;}

.Address_search .search-box {position: relative;max-width: 100%;margin-right: auto;top: 0;}

.Address_search .search-box input[type="text"] {height: auto;line-height: 33px;}

.Address_search .search-box img {top: 7px;}

.address-block {text-align: right;margin:30px 0;}

.address-block h4{  line-height: 32px;   color: #171a2b; font-family: 'Rubik', sans-serif; font-weight: 400;}

.address-block p {  font-size: 18px;   line-height: 32px;   color: #282828; }

.Address_Block_Table {margin-top: 30px;}

.Address_search{border-radius: 10px;box-shadow: 0 0 6.5px rgba(42,88,174,0.3);background-color: #ffffff;padding: 15px;}

.Address_Block_Table .table td, .Address_Block_Table .table th {text-align: right;}

.Address_search .GoTemplateBlock .inline-content {position: relative;margin: 0 7px 0 15px;}

.AddressMain_Block .GoNextPage a {min-width: 160px;font-size: 16px;line-height: 30px;}

.AddressMain_Block .GoNextPage a img {height: 17px;float: left; margin-top: 6px;}

.AddressRightBlock {    min-height: auto;text-align: right;border-radius: 10px;box-shadow: 0 0 6.5px rgba(42,88,174,0.3);background-color: #fff;padding: 14px 25px;margin-bottom: 15px;}
.saveMessageCon{text-align: left;}
.AddressRightBlock p{border-radius: 0;box-shadow: 0 0 6.5px rgba(0,0,0,0.3);background-color: #ffffff;padding: 5px;margin:10px 0;font-size: 12px;line-height: 16px;color: #7d7d7d;}

.AddressRightBlock h6{font-size: 14px;line-height: 16px;color: #7d7d7d;}


.AddressRightBlock textarea {
	    margin-bottom: 11px;
	margin-top: 4px;height: 84px;    resize: none;}
.sendingMail{
	height: 158px!important;
    margin-bottom: 15px; }
.AddressMain_Block .GoNextPage {margin-bottom: 30px; float: left;}
.sucmsg{    width: 95%;
    background: rgb(50, 185, 45);
    position: absolute;
    top: 115px;
    left: 2.5%;
    padding: 13px 0;
    color: #fff;
    text-align: center;
    border-radius: 5px; z-index: 9999;
    margin: 0 auto;
    font-size: 16px; display: none;}

.usersmsg{    width: 95%;
    background: rgb(50, 185, 45);
    position: absolute;
    top: 115px;
    left: 2.5%;
    padding: 13px 0;
    color: #fff;
    text-align: center;
    border-radius: 5px; z-index: 9999;
    margin: 0 auto;
    font-size: 16px; display: none;}

.address-block-img {text-align: center;margin-bottom: 25px; margin-top: 25px; display: block;}

.Address_search span.selectDropdown {margin-right: 5px;}
#groupfields{    margin-bottom: 45px;
    float: right;
    width: 375px;}
.created_subscribers, .notcreated_subscribers{text-align: right;}
.textRight{text-align: right; color: red; display: none;}
/*=======================================================

                       SCREEN 19

========================================================*/

.goBackSubscriber a{
	line-height: 35px;
}

.Status_Block {padding: 15px 45px 25px 25px;margin-bottom: 30px;float: right; width: 100%;}

.Status_Block h5 {color: #282828;font-family: 'Rubik', sans-serif;font-weight: 700;font-size: 16px;margin-bottom: 15px;}

.Status_Block_list {
	width: 100%;
	/*display: flex;*/
	align-items: center;
	/*margin-top: 15px;*/
	position: relative;}

.Status_Block_list ul {box-shadow: 0 0 6.5px rgba(0,0,0,0.3);background-color: #ffffff;padding: 6px 5px 0 0;height: 150px;overflow: auto;direction: ltr;text-align: right;width: 100%;}

span.Status_Info_icon {    position: absolute;    right: -34px;    top: 63px;}

.Status_Block_list ul li {color: #7d7d7d;font-size: 14px;line-height: normal;padding: 10px; direction: rtl;}

.addcolor {background-color: #17b9ff;color: #ffffff !important; font-family: 'rubik' !important; font-weight: 700;}

.addcolor span{color: #ffffff !important;}

.Status_Block_list ul li span{color: #282828;font-size: 12px;line-height: 20px;margin-left: 5px; font-weight: 600}

.procity{
    float: right;
    margin: 0px 3%;
}

#allSubscriberFolders_filter input{     border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #c0c2c5;
    width: 48%;
    font-size: 14px;
    color: #282828;
    font-family: 'Rubik', sans-serif;
    margin-right: 10px;}
#allSubscriberFolders td{padding: 5px 0;}
.Status_Block select {
	height: 36px;
    border-radius: 5px;
	position: relative;
	z-index: 1;
	background-color: transparent;
	background-position: left 8px center;
	min-width: 150px; max-width: 190px;}
#landNumbers  {
    font-size: 14px;
    color: #282828;
    font-family: 'Rubik', sans-serif;
    border-radius: 4px;
	position: relative;
	z-index: 1;
	border: 1px solid #c0c2c5;
	background-color: transparent;
	background-position: left 8px center;
	width: 180px;
    margin-bottom: 10px;
    height: 24px;}
.landNumbersLabel{ float: right; margin-left: 37px;}
.Status_Block select:focus, #landNumbers:focus{
	outline: none;
}
.selectProject {
	height: 31px;
    border-radius: 5px;
	position: relative;
	z-index: 1;
	background-color: white;
	min-width: 150px; direction: rtl;}
.topHello{float: right; margin-left: 20px;}
#register_new_subscriber .acf-field--post-title{}
.Status_Block .form-group span.selectDropdown {position: relative;}

.Status_Block .form-group {margin: 0 0 15px 0;}

.Status_Block .custom-control  {padding-right: 0}

.Status_Block .custom-control label {font-size: 12px;color: #858585;}

.Status_Block p {box-shadow: 0 0 0 0;    height: 102px;
    overflow-y: auto;}

.Status_btn {display: block;}

.Status_btn button.btn.secondary_btn {float: right;font-family: 'Rubik', sans-serif; font-weight: 400;}

.Status_btn button.btn.custom-btn {float: left;min-width: 117px;}

.Status_btn button.btn.secondary_btn img {margin-right: 6px;}

.Status_btn button.btn.secondary_btn .comment-icon-black{display: none;}

.Status_btn button.btn.secondary_btn:hover .comment-icon-black{display: inline-block;}

.Status_btn button.btn.secondary_btn:hover .comment-icon{  display:none;}

.Status_btn button.btn.secondary_btn img {height: 16px;}
.projectList{ margin-top: 25px;}
.ProjectListBox{ box-shadow: 0px 0px 4px #0000008a; border-radius: 5px; overflow: hidden; margin-bottom: 25px; }
.ProjectListBox h4{ 
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	font-size: 18px; text-align: right; float: right;    width: 91%;
    height: 25px;}
.ProjectListBox h4 a{
	
	color: #000;}
.card-columns{ margin-top: 15px;    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;}
.projectMenu{float: left; width: 9%;}
.topProjectListBox{    float: right;
    margin: 5px 3%;
    width: 94%;}
#settingsForm{
	width:100%!important;
}
.topProjectListImage{     
	background-position: center;
/*    background-size: contain;*/
    background-repeat: no-repeat;
	width: 100%;
    height: 190px;margin-bottom: 12px;
    float: right; 
	overflow: hidden;    
	text-align: center;
/*
    display: flex;
    align-items: center;
*/
}
.projMsgHeading{
    color: #56b6e7;
    text-align: center;
    font-size: 30px;
    margin: 20px 20px;
    font-weight: bold;
}
.topProjectListImage img{width: auto;height: 100%;}
.ProjectListBoxMenu{background-color: transparent; border: 0;}
.topProjectListDetails{    width: 90%;    margin: 4px 5%; float: right;}
.topProjectListDetails span{    float: left;
    /* border: 1px solid #d2d2d2; */
    /* border-radius: 3px; */
    width: 45%;
    padding: 0;
    text-align: right;
    /* height: 28px; */
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5; }
.lastRow{margin-bottom: 10px;}
.firstRow{    height: 28px;
    border-bottom: 1px solid #ddd;}
.topProjectListDetails h5{float: right; font-size: 16px;}
.currentButton{    box-shadow: inset 2px 1px 4px #0000008a;
    background-color: #008ecc;}
.topButtonsDivder{width: 1px; height: 25px; background: #000; float: left;    margin-top: 24px;}
.adminLink{	float: left;    margin: 26px 16px 0; border: 0; background-color: transparent;}
.adminLink:hover{color: #56b6e7;}
#allProduct_search{width:calc(100% - 125px);float:left;}
#clearallProductSearch{    float: right;
    position: absolute;
    left: 26px;
    bottom: 7px;}

    .search-projects h5{
        width:125px;
        margin-left:0;
    }
#cleartopView{    float: right;
    position: absolute;
    right: 214px;
    top: 3px;}
#topLinks .adminLink{  
    transition: all 0.5s ease-in-out;
    margin: 0;
    padding: 0 18px;
    color: #fff;
    border-left: 1px solid #fff;}
    #topLinks .adminCurrent a{
        color:#fff;
    }  
    #topLinks a:hover, #topLinks .adminLink:hover{
        color: #56b6e7;
       
    }   
#topLinks .adminCurrent{ 
    /* color: #56b6e7; */
    border-left:none;}
#topLinks .topButtonsDivder{    background: #fff;
    float: left;
    margin-top: 6px;}
#topLinks .blackBtn{   padding:5px; margin:0;    background: #fff; text-align: center; border-radius: 3px;}
#topLinks .blackBtn:hover{
    color:#000;
}
.blackBtn{background: #000; float: left;     min-width: 65px;   margin: 16px 10px 0 0;}
.blackBtn:hover{color: #fff;background: #676767;}
.Folder_block h5 {color: #282828;font-family: 'Rubik', sans-serif; font-weight: 700;font-size: 16px;margin-bottom: 15px;}

.folders_list h5 {/*font-size: 14px;*/font-family: 'Rubik', sans-serif;}

.folders_list {box-shadow: 0 0 6.5px rgba(0,0,0,0.3);margin:0 0 30px 0;padding: 20px 15px;}

.folders_list > ul {margin: 0; max-height: 450px; overflow-y: auto;}

.folders_list > ul li {border-bottom: 0px solid rgba(223,226,229,0.7215686274509804);}

.folders_list ul li a {padding: 0 0 15px 0px ;font-size: 14px;      border: none;  display: -webkit-box;    display: flex;    align-items: center;}

.folders_list ul li:last-child a {padding: 0px ;}

.folder-edit-btn {text-align: left;direction: ltr;}

.folder-edit-btn .secondary_btn {min-width: 110px;}

.folder-edit-btn .secondary_btn i {float: left;margin-top: 14px;}



.Pictures_block {position: relative;}

figure.zoom-icon {position: absolute;right: 12px;bottom: 12px;z-index: 999;}

.carousel-indicators {bottom: 10px;}

.carousel-indicators li {width: 8px;height: 8px;border-radius: 50%;opacity: 1;border-bottom: none;border-top: none;}

.carousel-indicators li.active {background: #56b6e7;}



/** pop up **/

.folder_fields {display: flex;align-items: stretch;}

.folder_fields .Documents_List {width: 50%;box-shadow: 0 0 0 0;position: relative;padding: 35px 30px;}

.folder_fields .folders_list h5 {font-size: 18px;font-family: 'Rubik', sans-serif;margin-bottom: 35px;}

.folder_fields .uploading_heading {font-size: 16px;right: 15px;top: 35px;}

.folder_fields svg.feather.feather-x {stroke: #d62d2d;position: absolute;left: 60px;}

.folder_fields .Documents_List > ul li {border-bottom: none;}

.folder_fields ul li a {padding: 0 0 20px 0px;font-size: 16px;}

#EditFolder  .modal-body{padding: 0;}

#EditFolder .modal-footer{justify-content: center;padding-bottom: 40px;}

#userNameValidation{display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.61); position: absolute; z-index: 999;}

#msgmodal{
	display: none; 
	width: 100%; 
	height: 100%; 
	top:0;
	bottom:0;
	background: rgba(0,0,0,0.61); 
	position: fixed; 
	z-index: 999;}

.msgmodalInner{ width: 450px; margin: 230px auto 0; background: #fff; border-radius: 6px; height: 200px;padding: 40px 50px;}

.userNameValidationInner{ width: 450px; margin: 100px auto 0; background: #fff; border-radius: 6px; height: 200px;padding: 40px 50px;}
.alertMessage{ font-size: 18px; font-weight: 600; background:url("images/alertIcon.png") no-repeat right;     padding-right: 70px;    text-align: right;}
.alertMessageBtn{ text-align: center;}
.alertMessageBtn a{width: 114px;
    height: 41px;
    border-radius: 5px;
    background-color: transparent;
    border: 1px solid #000000;
    font-family: 'Rubik', sans-serif; font-weight: 400; margin-top: 25px;}
.alert-success{text-align: right;}
.goToProjectBtn{position: absolute;    right: 44px;line-height: 27px;    margin-top: 4px; color: #56b6e7;}
.btnLinkLink{ background:none; border: 0;color: #56b6e7;}
/*=======================================================

                       SCREEN 16

========================================================*/

input.timeselect{background-image: url(images/dropdown.png);background-repeat: no-repeat;

background-position: right 10px center;line-height: normal !important;padding: 0 3px 0 30px;

outline: none;padding-right: 15px;min-width: 100%;height: 40px;border-radius: 4px;

border: 2px solid #64d0ff;font-size: 12px;color: #354052;  }

.date-picker{float: right;max-width: 150px;position: relative;}

 .calander-icon-input {position: absolute;left: 10px;top: 12px;}

h5.Reminder_content{font-size: 14px;}

button.btn.secondary_btn.PM_btn {float: left;margin: 55px 0 0;min-width: 339px;}

.PM_btn i {margin-right: 30px;}



/** pop up 1 **/

#Contact_Pm_modal .modal-header{justify-content: center;}

.ContactPm_form, #Contact_Pm_modal h5#exampleModalCenterTitle {padding: 0;}
#gform_confirmation_wrapper_1{text-align: center;}
.ContactPm_form .form-group {max-width: 100%;}

#Contact_Pm_modal .modal-footer {justify-content: center;}

#Contact_Pm_modal .modal-dialog .modal-content {padding: 40px 50px;}

.ContactPm_form .form-group textarea {height: 130px;resize: none;}

#Update_Folder_modal .modal-content {padding:15px 30px;}



/** pop up 2 **/

#Update_Folder_modal .modal-body {padding: 0;}

#Update_Folder_modal  .modal-header {justify-content: center;}

.Accordian_update {height: 400px;overflow: auto;}

.Accordian_update  .card {border: 0px solid rgba(0,0,0,.125);border-radius: 0;text-align: right; padding: 0 30px 0 15px}

.Accordian_update  .card-header {padding: 0;border-radius: 0;margin-bottom: 0;background-color: #fff;border-bottom: 0px solid rgba(0,0,0,.125);}

.Accordian_update .card-header button {width: 100%;text-align: right;text-decoration: none;padding: 0 0 0;margin-bottom: 15px;}

span.hide-show-icon {position: absolute;right: 0;}

span.hide-show-icon i {color: #17b9ff;font-weight: 300;border: 1px solid;width: 20px;height: 20px;line-height: 20px;border-radius: 50%;font-size: 13px;text-align: center;}

.Accordian_update  .card-header button.collapsed i.hide {display: none;}

.Accordian_update  .card-header button i.show {display: none;}

.Accordian_update  .card-header button i.hide {display: block;}

.Accordian_update  .card-header button.collapsed  i.show {display: block;}

.Accordian_update .card-header button p {font-size: 12px;line-height: 20px;color: #000000;}

.Accordian_update .card-body {padding: 0 0 10px;border-bottom: 1px solid #f4f4f4;margin-bottom: 10px;color: #000000;}

.Accordian_update .card-body p {font-size: 12px;line-height: 20px;color: #7d7d7d;margin-bottom: 15px;}

.Accordian_update .card-body p:last-child {margin-bottom: 0;}

.Accordian_update .card-body  a{color: #17b9ff;}

/** Accordian scroll code **/





/** pop up 3 **/

.Documents_modal .modal-content { padding: 20px 0;}

.Documents_modal .modal-body {padding: 0;}

.Documents_modal .uploading_heading {position: static;padding: 0 3px;}

.Documents_modal button.btn.new_file_btn {margin: 0 25px 25px;}
.page-template-page-subscriber-view .Documents_modal button.btn.new_file_btn{    margin: 0 13px 0px;
    float: right;}
.subscriber_Documents_List{    text-align: right;
    float: right;
    clear: both;}
#editsubscriber_files li.editsubscriber_files_item{    text-align: right;
    float: right;
    width: 90%;
    margin: 0 0 9px 0;    position: relative;}

#editsubscriber_files ul li a {
    padding: 6px 13px;
    position: relative;
    font-size: 16px;
    letter-spacing: 0px;
    color: #171a2b;
    font-family: 'Rubik', sans-serif;
    border-bottom: 1px solid #f3f4f4;
    display: block;
}
#subscriberFilesList{margin-right: 10px;}
.newfilebtn{margin-right: 10px;}
#subscriberFilesList .Doc_edit2{left: 25px;
    top: 5px;}
#editsubscriber_files li a span{padding-right: 10px; float: right;}
#editsubscriber_files li .filesubmenu{float: left;}
#editsubscriber_files li .filesIcon{float: right;}
.page-template-page-subscriber-view .Documents_modal .uploading_heading{    position: relative;
    padding: 0 3px;
    top: auto;
    right: auto;}
#editsubscriber_files .Doc_edit2 {
    width: 166px;
    border-radius: 5px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    background-color: #ffffff;
    border: 1px solid #dfe3e9;
    position: absolute;
        left: 21px;
    top: 1px;
	z-index: 1}
.editsubscriber_filesList{float: right;clear: both;
    margin-right: 18px;}
.Documents_modal .Documents_List ul li a, 

.Documents_modal .Documents_List > ul li{   width: 100%; 
    line-height: 33px;}

.Documents_modal .modal-footer  {justify-content: center;}

.Documents_modal .Documents_List > ul {margin-top: 10px;}

/** Documents_List scroll code **/


#subsFilter {
    width:100%;
    margin-top:30px;
  }
  #subsFilter, #subsFilter th, #subsFilter td {
    border-collapse: collapse;
  }
  #subsFilter th, #subsFilter td {
    padding: 15px;
    text-align: right;
  }
  #subsFilter tr:nth-child(even) {
    background-color: #eee;
  }
  #subsFilter tr:nth-child(odd) {
   background-color: #fff;
  }
  #subsFilter th {
    background-color: #fff;
    color: #000;
  }
#SubsFilter input[type="text"]{ float: right; width: 23%; margin: 1%;}


/*=======================================================

                       SCREEN 10

========================================================*/

.Update_Form span.selectDropdown {width: 100%;position: relative;overflow: hidden;}

.Update_Form select {min-width: 100%;width: 100%;background-color: transparent;position: relative;background-position: left 8px center;z-index: 1;}

.Update_Form  img.DropdownBase {position: absolute;left: -2px;top: -3px;}

.Update_Form input.timeselect {min-width: 100%;width: 100%;margin: 0 0 0;padding-right: 22px;text-align: left;font-size: 14px;color: #354052;font-family: "Proxima Nova";font-weight: bold;}

.Date_Block {margin-bottom: 35px;}

.Update_Form textarea.form-control {height: 80px;resize: none;}

.InquiriesUpdated {margin-bottom: 30px; overflow: hidden;}

.InquiriesUpdated h5 {font-size: 17px;
    color: #56b6e7;line-height: 37px;}

.InquiriesUpdated .Status_Block_list ul {min-height: 50px;}

.InquiriesUpdated .Status_Block_list ul li span {color: #7d7d7d;}

.InquiriesUpdated .form-group {margin-top: 25px;}

.secondary_btn.Inq_btn {background: transparent;color: #56b6e7;box-shadow: 0 0 0;min-width: 130px;border-color: #56b6e7;}

.secondary_btn.Inq_btn img.record-icon {margin-top: 14px;float: left;}

.GoNextPage .btn.cancel-btn, .cancleCon .btn.cancel-btn {width: 114px;height: 41px;border-radius: 5px;background-color: transparent;border: 1px solid #000000;font-family: 'Rubik', sans-serif; font-weight: 400;}
.cancleCon{position: absolute; bottom: 0px; left: 156px;}
a.btn.custom-btn {margin-right: 10px;}

.form-group.StateInfiltration {margin: 35px 0 0;}

.tooltip_block {width: 345px;background-color: #fff;border-radius: 4px;border-top-left-radius: 0;position: absolute;right: 0;z-index: 999999;padding: 40px 25px;border: 1px solid #ffd95c;font-size: 12px;line-height: 17px;color: #282828;display: none;   }

.tooltip_block:after, .tooltip_block:before {bottom: 100%;left: 31px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}

.tooltip_block:after {border-color: rgba(255, 255, 255, 0);border-bottom-color: #fff;border-width: 30px;margin-left: -30px;}

.tooltip_block:before {border-color: rgba(255, 217, 92, 0);border-bottom-color: #ffd95c;border-width: 31px;margin-left: -31px;}



/*=======================================================

            UPDATED DASHBOARD PAGE CSS CODE

========================================================*/

.Select_project{font-size: 14px;padding-left: 10px;}

.Select_project_block li select {min-width: 120px;}

.Owner_status.tab-box {padding: 0; margin-top:20px; }

.Owner_status h5 {letter-spacing: 0px;line-height: 25px;color: #282828;font-weight: 600;text-align: right;padding: 30px 30px 0;}

figure.dashboard-meter {padding: 20px 0 30px;}

.Owner_status .table_block tr th:nth-child(1), 

.Owner_status .table_block tr td:nth-child(1) {padding-right: 20px;}

.Owner_status .fixed_header tbody {/*height: 205px;*/}


.Owner_status .table_block {border: none;box-shadow: 0 0 0 0;}
.hideField{display: none;}
.hideLabel .acf-label{display: none;}
.hideLabel .acf-table>tbody>tr>th, .hideLabel .acf-table>tbody>tr>td, .hideLabel .acf-table>thead>tr>th, .hideLabel .acf-table>thead>tr>td{padding: 0 8px 2px 0;}
.admin_reminder .acf-label{margin-top: 3px!important;}

/*custom css 3-20*/

.atc-icon{

   height: 18px;

   margin: 0px 0 0 10px;

}

.add_project input.custom-input {width: 92%;}
#free_email_field .acf-table tr, #client_users_field .acf-table tr{display: none;}


/*=======================================================

                    RESPONSIVE CODE 

========================================================*/

@media(max-width:1366px){

   /* UPDATED DASHBOARD PAGE CSS CODE*/

   figure.dashboard-meter img {height: 190px;width: auto;}

   /**screen 10**/

   .tooltip_block {right: -130px;}

   /**screen 13**/

   .UpdatedFree {min-height: 320px;}
	

}


@media(max-width:1239px){

   .inactiveAcc-part .box {width: 100%;}

}

@media(max-width:1450px){
	.col-xl-3 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
}

@media (max-width:1024px){ 

  /*SCREEN 20*/

   .AddressMain_Block .col-md-4.webview-div, .AddressMain_Block .col-md-8 {-ms-flex: 0 0 33.333333%;flex: 0 0 100%;max-width: 100%;}


   .table_block tr th:nth-child(1), .table_block tr td:nth-child(1) {padding-right: 20px;}

   .table_block td p, 

   .table_block td p a, 

   .table_block table td {line-height: normal;}

   .table_block table th {height: auto;line-height: normal;padding: 12px 10px 12px;}

   button.Group-btn {margin-bottom: 5px;}



  /*SCREEN 16*/

   .AddressRightBlock {padding: 20px 15px;}

   .date-picker {max-width: 140px;}

   .Status_Block p {margin-bottom: 45px;}

}



@media (max-width: 992px){

   /**sorry-screen**/

   .inactiveAcc-part .box {padding: 4rem 1rem 5rem 1rem;}



   /*SCREEN 16*/

   .AddressMain_Block .row > div {ms-flex: 0 0 33.333333%;flex: 0 0 50%;max-width: 50%;}

   .AddressMain_Block .row div.Pictures_row {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

   .Status_btn button.btn.secondary_btn {font-size: 14px;min-width: 140px;}

}



@media (max-width: 767px){
    .logos img {
        max-height: 50px;
        max-width: 140px;}
	.firstLoginApprove{ top: 126px;}
	#tasks-reminder .modal-content{
		width:100%!important;
		padding:0!important;
	}
	#tasks-reminder .modal-dialog{
		width:95%;
		margin:0;
		padding: 20px 5px;
	}
	.Download_btn,.phoneBook_btn, .Template_Button .Upload_btn, .Template_Button button{
		width:100%;
		margin:10px 0 0!important;
	}
	#projects-table-sort_filter{right: 0;}
	.single-customers .table_block tr td {
    line-height: 18px;
}
	.secondary_btn{font-size: 14px;}
	.single-customers .table_block tr th:nth-child(1), .single-customers .table_block tr td:nth-child(1) {
    padding-right: 0;
}
	#openlog{display: none;}
	#acf-form .acf-fields>.acf-field{width: 100%!important;}
	.GoTabsList li.tab-list-item{margin-left: 13px;    font-size: 14px;}
	#project_data table{width: 1000px; overflow-x: scroll;}
	.Address_search {
    padding: 46px 15px;
    margin-top: 7px;
}
	.Download_btn, .updated_btn, .Upload_btn{padding: 0 8px; font-size: 14px;}
	.GoTemplateBlock {
    display: block;
}
	.choose-group {
    margin-right: 0px;
}
	.Upload_btn{min-width: 143px;}
	ul.GoTemplateBlock li {
    width: 40%;
    text-align: right;
    margin: 4px 0;float: right;
}
	ul.GoTemplateBlock li:first-child{width: 20%;}
	#subscriber-table-sort_filter{top:-132px;}
	.timeline-tooltip{
		right: 90px;
    top: 10px;
	}
	#timelineSelect li:last-child{width: 100%;}
	.GoTab_Content{    margin-top: 30px;}
	.webview-div{display: none;}
	.modal-content{width: 96%!important;    padding: 40px 15px!important;}
	.ContactPm_form .modal-footer .cancel-btn {
    bottom: 15px;
}
	.modal .modal-footer button, .ClientForm input[type='submit'], #settingsSection input[type='submit'], #Documents_List_modal input[type='submit']{    line-height: 35px;}
	.zoom-icon{display: none;}
	.dashboard_content_block_Main{ padding: 0;}
	.dashboard_menu{display: none;}
	.software_update_block li:first-child{display: none;}
  /**sorry-screen**/

  .inactiveAcc-part .box p:nth-child(2) {font-size: 28px;line-height: 32px;}

  .inactiveAcc-part .box p:nth-child(3) {font-size: 19px;margin-top: 12px;}

  .inactiveAcc-part .box {margin: 3rem auto;}

  /*--login-screen--*/

  .Goinput {padding: 2rem;}

  .Goinput .form-group input{ margin-top: 0rem;}

  /*reset-pswrd-screen*/

  .Goreset .custom-btn {margin-top: 2.1rem;margin-bottom: 0.6rem;}

  .Goreset svg {margin-bottom: 1.5rem;}

  /**screen 20**/

  .Address_search .updated_btn {display: none;}

  .Address_search .GoTemplateBlock .inline-content {display: block;}

  .Address_search img.DropdownBase {top: 31px;left: -2px;}

  .Address_search .GoTemplateBlock .inline-content label {text-align: right;justify-content: end;margin-bottom: 5px;}

  .Address_search .GoTemplateBlock {margin-top: 0;align-items: flex-end;}

  .Address_search ul.GoTemplateBlock li {width: 100%;}

  .GoTemplateBlock li select {min-width: 100%;float: right;}

  .Address_search .search-box {max-width: 100%;}

  .Address_search .col-sm-9 {width: 100%;flex: 0 0 100%;max-width: 100%;}

  .AddressRightBlock {    min-height: 1px;float: right;width: 100%;}



  /*SCREEN 16*/

   .Status_Block {position: relative;}

   .Status_Block .Status_Block_list {position: static;}

   span.Status_Info_icon {    position: absolute;
    left: 13px;
    top: 13px;
    right: auto;}

   .AddressMain_Block .row > div {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

   .header .row > div {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

   .header .row > div.col-8 {display: flex;align-items: center;justify-content: center;}

   .accountSec .header {padding: 0;}

   a.mobile-div.email-link {font-size: 17px;color: #fff;position: absolute;left: 0;}

   .acc-text {margin: 0 0 10px;}

   .container {padding: 0 15px;}

   button.btn.secondary_btn.PM_btn {display: none;}

   .Status_Block p {margin-bottom: 25px;}

   .Folder_block .folders_list:last-child {margin: 0;}

   .date-picker {max-width: 170px;}

}



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

  /*SCREEN 20*/

  .Address_Block_Table table {border: 0;}

  .Address_Block_Table table caption {font-size: 1.3em;}

  .Address_Block_Table table thead {border: none;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}

  .Address_Block_Table table tr {position:relative;border: 1px solid #dfe3e9;display: block;margin-bottom: 12px;box-shadow: 0 0 6.5px rgba(74,74,74,0.12);padding: 0px 40px 7px 0px;}

  .Address_Block_Table table td {display: block;text-align: left;}

  .Address_Block_Table table td::before {content: attr(data-label);float: right;font-weight: 400;color: #b4b5b9;    width: 60px;}
	a.btn.custom-btn{margin-right: 0;}

  .table_block {margin-top: 20px;border-radius: 10px;box-shadow: 0 0 0 0;border: 0px solid #dfe2e5; }

  .Address_Block_Table table td:last-child {border-bottom: 0;}

  .Address_search img.DropdownBase {top: 17px;}

  .Address_search .search-box img {top: 11px;height: 14px;}

  .Address_Block_Table table td {border-bottom: 0px solid #ddd;}

  .table_block table td,

  .table_block td p,

  .table_block td p a {line-height: normal;}

  .Address_Block_Table .table td, .Address_Block_Table .table th {text-align: right;padding: 5px 15px;}



  button.Group-btn {margin-left: 0;}

  button.Group-btn2{margin-left: 0;margin-right: 10px;}

  .Address_Block_Table table tr .custom-control {position: absolute;right: 40px;padding: 0}

  .Address_Block_Table table tr .custom-control-label::before,

  .Address_Block_Table table tr .custom-control-label::after {top: 10px;width: 25px;height: 25px;}

  .Address_Block_Table table tr .custom-control-input {z-index: 1;width: 25px;height: 25px;left: 0;top: 10px;}

  .AddressMain_Block .GoNextPage a {width: 100%;}

  .AddressMain_Block .GoNextPage a img {display: none;}



  /*SCREEN 16*/

   .Status_btn button.btn.custom-btn {min-width: 100%;}

   .Status_btn button.btn.custom-btn svg {display: none;}

   .Status_btn.reminder_btn {position: relative;padding-top: 55px;}

   .date-picker {max-width: 170px;padding-top: 0;position: absolute;right: 0;top: 0;}

   .accountSec .header .acc-text {margin: 0 auto 10px;}

   a.mobile-div.email-link {left: 10px;}

}



@media (min-width: 1025px){

   .mobile-div{display: none;}

}



@media (min-width: 768px){

   /** SCREEN 3 **/

  /* .fixed_header{width: 100%;table-layout: fixed;border-collapse: collapse;}*/

  /* .fixed_header tbody{display:block;width: 100%;overflow: auto;height: auto; min-height: 400px;}*/
	.Owner_status .fixed_header tbody{ min-height: 55px;}

  /* .fixed_header thead tr, .fixed_header tbody tr {display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;}*/

 /*  .fixed_header tbody tr {align-items: flex-end;}*/

   .fixed_header th, .fixed_header td {  border-top: 0px solid #dee2e6;}

/*   .fixed_header tfoot{display:block;width: 100%;}

   .fixed_header tfoot tr{display:flex;width: 100%;}*/

}



@media (min-width: 576px){
	.folder_fields .Documents_List{    padding: 25px 4px;}
   .modal-dialog {max-width: 800px;    width: 100%;}

   .modal-sm {max-width: 400px;}
#selectPackages .modal-dialog { max-width: 75%;}
   #Contact_Pm_modal .modal-dialog { max-width: 400px;}

   #Update_Folder_modal .modal-dialog {max-width: 600px;}

}

/*---------------26-05-2020 css start here--------------*/
input#temp_name, input#rename_temp_name, input#group_name {
   border: 1px solid #d4d4d4;
   padding: 10px 20px !important;
   font-size: 20px;
   text-align: right;
   margin-top: 0px;    margin-bottom: 30px;
}
#create_group li a svg{margin-left: 5px;}
#myModal .modal-footer .cancel-btn, #renametemp .modal-footer .cancel-btn, #addgroup .modal-footer .cancel-btn, #renamefile .modal-footer .cancel-btn{
    bottom: 10px;
}
.modal-dialog {
   max-width: 600px;
   width: 100%;
   /*padding-top: 170px;*/
}

.modal-footer button, .footerSaveBTn {
   background: #56b6e7;
}
.modal-footer {
   padding-top: 0;
   padding-bottom: 0px;
   display:block;
}
#Documents_List_modal .has-value .show-if-value .file-icon{display: none;}
#Documents_List_modal .has-value .show-if-value .file-info{ margin: 0;padding: 4px;}
#Documents_List_modal .has-value .show-if-value .file-info p{display: none;}
#Documents_List_modal .has-value .show-if-value .file-info p:first-child{display: block;}
#Documents_List_modal .acf-file-uploader .file-wrap {
    border: #ccd0d4 solid 0px;
    min-height: auto;
}
.modal-body label{
   text-align: right;
   display: block;
}
.ContactPm_form #gform_fields_1 .gfield_label{
   font-size: 20px!important;
   text-align: center!important;
   display: block;
}
.ContactPm_form_header{padding-bottom:0;}
.modal-header {
   padding-top: 0 !important;
}
.modal-footer button {
   margin: 0 auto;
}
/*button.btn.cross {
   position: absolute;
   top: -10px;
   right: -10px;
   background: #56b6e7;
   width: 20px;
   height: 25px;
   border-radius: 50%;
   text-align: center;
}*/
button.btn.cross font {
   position: absolute;
   top: -6px;
   padding: 10px;
   right: -6px;
   border-radius: 50%;
   color: #fff;
   line-height: 10px;
   text-align: center;
   background: #56b6e7;
}

.modal-footer > span {
	padding-top: 10px !important;
}
/*---------------26-05-2020 css ends here--------------*/

.AddressRightBlock.InquiriesUpdated h5 {
    cursor: pointer;
}

#testSelect1_multiSelect {
	width: 200px;
}

span.Group-btn{
        color: #fff;
    padding: 5px 10px;
    border-radius: 18px;
    font-weight: 400;
    font-size: 12px;
	text-shadow: 1px 1px 1px #00000057;  display: inline-flex;    white-space: nowrap;    margin: 0 0 3px 2px;
}

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));

  background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  z-index: 1111111;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 150ms infinite linear;
  -moz-animation: spinner 150ms infinite linear;
  -ms-animation: spinner 150ms infinite linear;
  -o-animation: spinner 150ms infinite linear;
  animation: spinner 150ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
label.msglabel {
    font-size: 20px;
    font-weight: 600;
}
.msgcheckbox{
	text-align: right;
}


