.ds-common-popup h2 

{

    color: #000;

    font-weight: 600;

    font-size: 15px;

}



.full-width

{

	width:100%;

}

.ds-common-popup .modal-body 

{

    color: #000;

    font-size: 14px;

    font-weight: 500;

}

.white-font

{

	color:#fff;

}

.black-font

{

	color:#000;

}

.white-bg

{

	background-color: #ffffff;

}

.purple-border

{

	border: 1px solid #ff5d02;

}

.gray-bg

{

	background-color: #f4f4f4;

}

.ds-link-purple:hover

{

	color: #000000;

}

.ds-link-purple

{

    color: #000000;

    font-size: 11px;

    font-weight: 600;

    display: block;

    text-align: right;

    padding-top: 6px;

    margin-bottom: 0;

    text-decoration: none;

}

.ds-gray-full-divider 

{

    position: relative;

    height: 1px;

    background: #e8e8e8;

    display: flex;

    flex-wrap: wrap;

    width: 100%;

    margin: 0 auto;

    margin-top: 30px;

    margin-bottom: 10px;

}

body .ds-red-btn

{

    background-color:  #ff5d02;

    border: 0;

    padding: 15px 0px;

    width: 100%;

    color: #fff;

    font-size: 14px;

    border-radius: 6px;

}

.margin-top-50

{

	margin-top:50px

}

body .ds-gray-btn

{

	background-color: #c4c4c4;

    border: 0;

    padding: 15px 0px;

    width: 100%;

    color: #fff;

    font-size: 14px;

    border-radius: 6px;

}

body .ds-yellow-btn

{

	background-color: #ff5d02;

    border: 0;

    padding: 6px 8px;

    width: 100%;

    color: #000;

    font-size: 14px;

    border-radius: 6px;

    font-weight: 600;

}

body .ds-purple-btn

{

	background-color: #ff5d02;

    border: 0;

    padding: 15px 0px;

    width: 100%;

    color: #fff;

    font-size: 14px;

    border-radius: 6px;

}

body .ds-orange-btn

{

    background-color: transparent;

    border: 1px solid #fe856a;

    padding: 3px 14px;

    width: 100%;

    color: #fe856a;

    font-size: 14px;

    border-radius: 6px;

    font-weight: 600;

    text-align: center;

}

body .ds-orange-btn img

{

	margin-right:10px;

}

body .ds-purple-transparent-btn

{

	background-color: transparent;

    border: 1px solid #ff5d02;

    padding: 10px 0px;

    width: 100%;

    color: #ff5d02;

    font-size: 14px;

    border-radius: 6px;

    font-weight: 600;

}

body .ds-transparent-btn

{

    background-color: transparent;

    border: 1px solid #ccb3d0;

    padding: 15px 0px;

    width: 500px;

    color: #ff5d02;

    font-size: 16px;

    border-radius: 6px;

    margin: 0 auto;

    display: block;

    font-weight: 600;

}

body .ds-light-purple-btn

{

	background-color: #ecb3fa;

    border: 0;

    padding: 10px 0px;

    width: 106px;

    color: #000;

    font-size: 12px;

    border-radius: 4px;

    font-weight: 600;

    text-align: center;

    padding-right: 0;

    margin: 0 auto;

}

body .ds-yello-btn

{    

	background-color: #ff5d02;

    border: 0;

    padding: 12px 0px;

    width: 250px;

    color: #ffffff;

    font-size: 13px;

    border-radius: 6px;

    font-weight: 600;

    text-align: right;

    padding-right: 15px;

} 

button.ds-transparent-blue-btn img 

{

    margin-right: 10px;

}

body .ds-transparent-blue-btn 

{

    background-color: transparent;

    border: 1px solid #ff5d02;

    padding: 7px 10px;

    width: 100%;

    color: #ff5d02;

    font-size: 13px;

    border-radius: 6px;

    font-weight: 600;

    text-align: center;

    padding-right: 15px;

    margin: 0 auto;

    display: block;

    float: none;

}

body .ds-yello-btn i 

{

    padding-right: 10px;

}

.ds-common-popup .modal-footer 

{

    border: 0;

}

.ds-common-popup .modal-header

{

    border: 0;

} 

.ds-common-popup .modal-content 

{

    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);

	width: 95%;

    margin: 0 auto;

	padding: 1.5em;

}

.ds-brands-header p 

{

    font-size: 10px;

    color: #8f8f8f;

    display: inline-block;

    margin: 0;

}

.ds-brands-header h3 i 

{

    font-size: 12px;

    color: #a0a0a0;

}

.ds-common-popup .modal 

{

    top: 15%;

}

.ds-common-popup .modal-dialog 

{

    max-width: 530px;

}

.ds-popup-content i 

{

    color: #ff5d02;

    border: 3px solid #ff5d02;

    border-radius: 20px;

    padding: 5px;

    margin-right: 10px;

    font-size: 19px;

}

.add-billing-form .ds-form-fields-placeholder

{

	margin-bottom: 35px;

}

.add-billing-form .ds-form-fields-placeholder label 

{

    position: absolute;

    top: -8px;

    color: #7c7c7c;

    font-size: 12px;

    background-color: #fff;

    left: 12px;

    padding: 0px 5px;

    font-family: 'Montserrat', sans-serif;

}

.add-billing-form .ds-form-fields-placeholder input 

{

    border: 1px solid #7c7c7c;

    color: #7c7c7c;

    background-color: #fff;

    height: 55px;

    -webkit-box-shadow: 0 1px 6px -4px black;

    -moz-box-shadow: 0 1px 6px -4px black;

    box-shadow: 0 1px 6px -4px black;

    font-size: 15px;

}

form.add-billing-form {

    width: 95%;

    margin: 0 auto;

}

.ds-popup-scrollbar

{

	max-height: 420px;

    overflow-y: scroll;

}

.ds-popup-scrollbar::-webkit-scrollbar 

{

	width: 3px;

}

.ds-popup-scrollbar::-webkit-scrollbar-track 

{

	box-shadow: inset 0 0 5px grey; 

	border-radius: 10px;

}

.ds-popup-scrollbar::-webkit-scrollbar-thumb 

{

	background: #4a4747; 

	border-radius: 10px;

}

.ds-popup-scrollbar::-webkit-scrollbar-thumb:hover 

{

	background: #b30000; 

}

.ds-common-popup .modal-from-top

{

	top: 7%;

}

.ds-popup-content .purple

{

	color:#ff5d02;

}

.ds-popup-pause-plan-text 

{

    position: relative;

    padding: 20px 0px 0px 0px;

}

.ds-popup-pause-plan-text i 

{

    position: absolute;

    right: 0;

	color: #ff5d02;

	top: 25px;

}

.ds-popup-pause-plan-text p 

{

    margin: auto;

    color: #6a6a6a;

}

.ds-popup-pause-plan-text h2 

{

    color: #ff5d02;

    font-size: 20px;

    margin: 0;

    padding-bottom: 10px;

}



.tab-only

{

	display:none;

}

.mob-only

{

	display:none;

}

.desk-right

{

	text-align:right;

	float: right;

	clear:right;

}

.desk-left

{

	text-align:left;

}

.desk-center

{

	text-align:center;

}

.padding-10

{

	padding:10px;

}

.padding-5

{

	padding:5px;

}



.attach-documents-buttons .attach-doc-button 

{

    display: block;

    background-color: #ffc9ab;

    border: 0;

    padding: 7px 13px;

    border-radius: 6px;

    font-weight: 600;

    width: 160px;

    margin-bottom: 12px;

	text-align: left;

}

.attach-doc-button.active {
	background-color: #ff5d02 !important;
	color: #ffff !important;
}

.attach-doc-button:focus-visible {
	outline: 0 !important;
}



.attach-documents-buttons .attach-doc-button img 

{

    margin-right: 10px;

}

.attach-documents-buttons h3 

{

    color: #000;

    font-weight: 600;

    font-size: 13px;

}

.modal-dialog textarea:focus

{

	outline:0;

	border: 1px solid #e0e0e0;

}

.modal-dialog textarea

{

	width: 100%;

    height: 120px;

    border: 1px solid #e0e0e0;

    border-radius: 8px;

	padding:10px;

	font-size: 11px;

}

.attach-documents-buttons .ds-popup-form 

{

    padding-top: 15px;

}



.popup-submit-form

{

	padding-top:20px;

}

.attach-documents-buttons .file-upload-preview 

{

    padding: 10px 10px;

	border-radius: 3px;

}

.ds-popup-alert

{

	display: block;

    flex-wrap: wrap;

}

.ds-popup-alert .ds-popup-left

{

	flex: 0 0 auto;

    width: 20%;

	display: inline-block;

	vertical-align: top;

}

.ds-popup-alert .ds-popup-right

{

    flex: 0 0 auto;

    width: 78%;

	display: inline-block;

	vertical-align: top;

}

.modal-content.comment-modal .ds-popup-content

{

	padding: 0px 20px;

	padding-bottom: 20px;

}

.comment-box textarea 

{

    width: 100%;

    height: 120px;

    border: 1px solid #d8d8d8;

    border-radius: 8px;

	padding:10px;

}

.comment-box textarea:focus

{

	border:0;

	outline:0;

}

.submit-comment-box .commnet-submit

{



}

button.commnet-submit i 

{

    margin: 0;

}

.comment-box-row

{

    display: flex;

    flex-wrap: wrap;

}

.comment-box

{

    flex: 0 0 auto;

    width: 85%;

}

.submit-comment-box

{

    flex: 0 0 auto;

    width: 15%;

	    position: relative;

}



.modal-content.comment-modal

{

	width:80%;	

	border-radius: 0;

    padding: 30px 40px;

}

.submit-comment-box .commnet-submit 

{

    border: 0;

    background-color: transparent;

    padding: 0;

    position: absolute;

    bottom: 8px;

    right: 0;

}

.ds-common-popup .modal-content.modal-shadow .modal-body 

{



	 box-shadow: 0 4px 18px 0 rgb(224 216 216 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);

    border: 1px solid #cbcbcb;

    border-radius: 10px;

	padding-top: 0;	

	padding: 30px 30px;

}

.ds-common-popup .modal-content.modal-shadow .modal-header 

{

	padding:0;

    padding-bottom: 20px;

}

.ds-common-popup .modal-content.comment-modal .modal-body 

{

    box-shadow: 0 4px 18px 0 rgb(224 216 216 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);

    border: 1px solid #cbcbcb;

    border-radius: 10px;

	padding-top: 0;	

	padding: 13px 8px;

}



.modal-content.comment-modal button.btn-close 

{

    color: #969ba1;

    font-size: 12px;

    font-weight: 600;

}

.light-purple-bg

{

	background-color:#e0e7ef;

	padding:10px 10px;

}

.purple-bg

{

	background-color:#fdf3fe;

	padding:10px 10px;

}

.ds-common-popup .scrollbar 

{

    margin-left: 0;

    float: none;

    height: 500px;

    width: 100%;

    background: #fff;

    overflow-y: scroll;

    margin-bottom: 0;

}

.ds-common-popup .force-overflow 

{

    min-height: 450px;

}

.ds-common-popup .scrollbar::-webkit-scrollbar-track 

{

    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);

    border-radius: 10px;

    background-color: #fff;

}

.ds-common-popup .scrollbar::-webkit-scrollbar-thumb 

{

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);

    background-color: #cccccc;

}

.ds-common-popup .scrollbar::-webkit-scrollbar 

{

    width: 4px;

    background-color: #fff;

}

.ds-popup-content h3 {

    color: #242424;

    font-weight: 600;

    font-size: 15px;

}

.ds-popup-content h4

{

    color:  #ff5d02;

    font-size: 45px;

    font-weight: 700;

    line-height: 45px;

}

.ds-popup-content h3 

{

    font-size: 23px;

    font-weight: 700;

    line-height: 30px;

	padding-bottom: 5px;

}

.ds-popup-content ul 

{

    padding: 0;

    margin: 0;

    padding-left: 30px;

	padding-top: 20px;

}

.ds-popup-content ul li 

{

    color: #6a6a6a;

    font-size: 16px;

    font-weight: 500;

	line-height: 30px;

}

.full-width-popup.ds-common-popup .modal-dialog 

{

   max-width: 780px;

}

.full-width-popup.ds-common-popup  .modal 

{

    top: 5%;

}

.modal-dialog button.btn-close:focus 

{

    border: 0;

    outline: 0;

    box-shadow: none;

}

.ds-popup-content p 

{

    color: #232323;

    font-size: 14px;

    font-weight: 500;

} 

.ds-popup-content a

{

	color: #7e7c7d;

    font-size: 14px;

    font-weight: 500;

	

}

.full-width .modal-header

{

	padding:0;

}

#unsplash_result_box .manage-image-size div p {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

#unsplash_result_box .manage-image-size div {
    padding: 10px;
}

.st_views {
	scrollbar-width: thin !important;
}


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

{

	.ds-popup-scrollbar 

	{

		max-height: 340px;

	}

	.ds-common-popup .modal-from-top 

	{

		top: 4%;

	}

	form.add-billing-form 

	{

		width: 95%;

		margin: 0 auto;

		padding-top: 10px;

	}

}

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

{


	body .ds-purple-transparent-btn

{

	background-color: white;

    border: 1px solid #ff5d02;

    padding: 10px 0px;

    width: 100%;

    color: #ff5d02!important;

    font-size: 14px;

    border-radius: 6px;

    font-weight: 600;

}

	.desk-only

	{

		display:none;

	}

	.tab-only

	{

		display:block;

	}

	.tab-right

	{

		text-align:right;

		float: right;

		clear:right;

	}

	.tab-left

	{

		text-align:left;

	}

	.tab-center

	{

		text-align:center;		

	}

	.tab-bold

	{

		font-weight: 600;

	}

	.padding-10 

	{

		padding: 5px;

	}

	

}

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

{

	body .ds-light-purple-btn 

	{		

		height: 40px;

		line-height: 21px;

	}

	.ds-common-popup.ds-large-popup .modal 

	{

		top: 0%;

	}

	body .ds-orange-btn 

	{

		background-color: #fff;

		padding: 3px 8px;

		width: auto;

		margin-left: 51px;

		margin-top: 5px;

	}

	.ds-common-popup .scrollbar 

	{

		height: 450px;

	}

	.ds-popup-scrollbar 

	{

		max-height: 350px;

		overflow-y: scroll;

	}

}

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

{

	body .ds-transparent-blue-btn 

	{

		padding: 12px 0px;

		font-size: 11px;

		height: 50px;

		line-height: 23px;

		background-color: #ffffff;

	}

	.ds-popup-scrollbar 

	{

		max-height: 370px;

		overflow-y: scroll;

	}

	.add-billing-form .ds-form-fields-placeholder input

	{

		height: 45px;

		font-size: 14px;

	}

	h2.white-font 

	{

		font-size: 18px;

	}

}

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

{

	.ds-common-popup .modal-content 

	{

		padding: 1em 0.6em;

	}

	body .ds-yello-btn i 

	{

		padding-right: 15px;

		padding-left: 15px;

	}

	.form-mob-left

	{

		flex: 0 0 auto;

		width: auto;

	}

	.form-mob-right

	{

		flex: 0 0 auto;

		width: auto;

	}

	.ds-mobile-menu .mob-left

	{

		float:left;

		flex: 0 0 auto;

		width: auto;;

	}

	.ds-mobile-menu h2

	{

		padding-left: 15px;

	}

	.ds-mobile-menu h3

	{

		padding-right: 0;

		padding-left: 50px;

	}

	.mob-hide

	{

		display:none !important;

	}

	.mob-only

	{

		display:block;

	}

	body .ds-transparent-btn 

	{

		width: 100%;

	}

	body .ds-light-purple-btn 

	{

		width: 100px;

	}

	.mob-no-padding

	{

		padding:0px;

	}

	.ds-popup-alert .ds-popup-left

	{

		width: 15%;

	}

	.ds-popup-alert .ds-popup-right 

	{

		width: 83%;

	}

	.modal-content.comment-modal 

	{

		padding: 30px 20px;

	}

	.ds-common-popup .scrollbar

	{

		height: 470px;

	}

	body .ds-transparent-blue-btn 

	{

		padding: 12px 10px;

		font-size: 12px;

		height: 50px;

	}

	.ds-popup-pause-plan-text 

	{

		padding: 15px 0px 0px 0px;

	}

	.ds-popup-pause-plan-text h2 

	{

		font-size: 16px;

	}

}

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

{

	.modal-content.comment-modal 

	{

		width: 90%;

	}

	body .ds-orange-btn

	{

		margin-top: 0;

		font-size: 11px;

	}

	.ds-popup-scrollbar 

	{

		max-height: 410px;

	}

}

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

{

	.modal-content.comment-modal

	{

		width: 100%;

	}

	.modal-content.comment-modal .ds-popup-content 

	{

		padding: 0px 10px;

	}

	.modal-content.comment-modal 

	{

		padding: 30px 10px;

	}

}


@media (min-width: 1400px) and (max-width: 1500px)  {

    .ds-admin-right-screen {
        padding-left: 10px;
    }
    
}

@media (min-width: 1300px) and (max-width: 1400px)  {

    .ds-admin-right-screen {
        padding-left: 20px;
    }
    
}

@media (min-width: 1200px) and (max-width: 1300px)  {

    .ds-admin-right-screen {
        padding-left: 30px;
    }
    
}

@media (min-width: 1100px) and (max-width: 1200px)  {

    .ds-admin-right-screen {
        padding-left: 20px;
    }
    
}

@media (min-width: 1000px) and (max-width: 1100px)  {

    .ds-admin-right-screen {
        padding-left: 30px;
    }
    
}

@media (min-width: 992px) and (max-width: 1000px)  {
    
    #left_panel {
        width: 100%;
        padding:0px !important;
    }

	#letf-panel {
        width: 100%;
        padding:0px !important;
    }

	#left-panel-col {
        width: 100%;
        padding:0px !important;
    }

	#left-panel-col-manage {
        width: 100%;
        padding:0px !important;
		margin-top: 50px;
    }
} 

.modal {
    z-index: 2000;
}