/*SCROLL TOP*/
div#scrollTopBtn {display: none; position: fixed; bottom: 80px; right: 10px; z-index: 99; outline: none; color: #FFF; cursor: pointer; padding: 10px; border: solid 1px #e48d1a; border-radius: 5px; font-family: "PFDinTextCondPro-Medium", Helvetica, Arial, "sans-serif"; line-height:1; font-size: 30px; background-color:#e48d1a; height:25px;}
div#scrollTopBtn:hover{background-color:#e48d1a;}

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

/*ALERT*/
div.alert{width:auto; background:red; border-radius:3px; padding:15px; position: fixed; top:10px; right:10px; z-index: 2; display: none;}
div.alert div.max_ticket_instances, div.alert div.message{font-size:18px; color:#FFF; margin: 0; font-family: "PFDinTextCondPro-Medium", Helvetica, Arial, "sans-serif"; color:#FFF;}
/********************************************************************************************************************************************************************************************************************/

.dhtmlx_message_area{width:auto; top:10px;}
.dhtmlx-info, .dhtmlx-info.hidden{width:auto; height: auto; background:red; box-shadow: none; border:none; border-radius:3px; padding:15px; margin-bottom: 5px; font-family: "PFDinTextCondPro-Medium", Helvetica, Arial, "sans-serif"; font-size:17px; color:#FFF;}
/********************************************************************************************************************************************************************************************************************/

div#documents_popup_wrapper,
div#cancel_ticket_popup_wrapper,
div#issue_ticket_loading_wrapper,
div#issue_ticket_error_wrapper,
div#send_code_loading_wrapper,
div#send_code_error_wrapper,
div#otp_code_error_wrapper,
div#cancel_ticket_loading_wrapper,
div#cancel_ticket_error_wrapper,
div#book_appointment_loading_wrapper,
div#book_appointment_error_wrapper,
div#book_appointment_unavailable_wrapper,
div#cancel_appointment_loading_wrapper,
div#cancel_appointment_error_wrapper,
div#cancel_appointment_popup_wrapper,
div#terms_popup_wrapper,
div#cookies_popup_wrapper,
div#cookies_init_popup_wrapper,
div#security_popup_wrapper,
div#session_popup_wrapper,
div#loader_popup_wrapper,
div#error_popup_wrapper,
div#install_info_popup_wrapper{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 2; display: none;}

div.popup_bg, div.book_appointment_loading_bg, div.book_appointment_error_bg, div.cancel_appointment_popup_bg{width:100%; height: 100%; position: absolute; top:0; left:0; background:#000; opacity: 0.5; z-index: 1;}

div.popup_content,
div.issue_ticket_loading,
div.issue_ticket_error,
div.cancel_ticket_loading,
div.cancel_ticket_error,
div.cancel_ticket_popup,
div.book_appointment_loading,
div.book_appointment_error,
div.cancel_appointment_loading,
div.cancel_appointment_error,
div.cancel_appointment_popup{width:70%; height:50%; background:#FFF; position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 0; margin: auto;border-radius: 3px;}
div.popup_header{padding: 15px; display:flex; align-items: center; border-top-left-radius: 3px; border-top-right-radius: 3px;}
div.popup_title{width:99%; font-family: "PFDinTextCondPro-Medium", Helvetica, Arial, "sans-serif";}
div.popup_close{background-image:url("../common_resources/images/close.svg"); background-repeat: no-repeat; width:20px; height:20px; cursor: pointer;}
div.popup_body{overflow-y: auto; padding: 15px; height: 85%;}

div#cookies_init_popup_wrapper div.popup_header div.popup_close{display: none;}

div#install_info_popup_wrapper div.popup_body{height: 80%;}

div#send_code_error_wrapper div.popup_content div.popup_body,
div#booked_appointment div.popup_content div.popup_body,
div#otp_code_error_wrapper div.popup_content div.popup_body,
div#issue_ticket_error_wrapper div.popup_content div.popup_body,
div#book_appointment_error_wrapper div.popup_content div.popup_body,
div#book_appointment_unavailable_wrapper div.popup_content div.popup_body,
div#error_popup_wrapper div.popup_content div.popup_body,
div#security_popup_wrapper div.popup_content div.popup_body,
div#session_popup_wrapper div.popup_content div.popup_body{display: flex; flex-direction: column; justify-content: center;}

div#terms_popup_wrapper div.popup_body,
div#cookies_popup_wrapper div.popup_body,
div#cookies_init_popup_wrapper div.popup_body{overflow: hidden;}

div#cancel_ticket_popup_wrapper div.popup_content,
div#issue_ticket_loading_wrapper div.popup_content,
div#issue_ticket_error_wrapper div.popup_content,
div#send_code_loading_wrapper div.popup_content,
div#send_code_error_wrapper div.popup_content,
div#otp_code_error_wrapper div.popup_content,
div#cancel_ticket_loading_wrapper div.popup_content,
div#cancel_ticket_error_wrapper div.popup_content,
div#book_appointment_loading_wrapper div.popup_content,
div#book_appointment_error_wrapper div.popup_content,
div#book_appointment_unavailable_wrapper div.popup_content,
div#cancel_appointment_loading_wrapper div.popup_content,
div#cancel_appointment_error_wrapper div.popup_content,
div#cancel_appointment_popup_wrapper div.popup_content,
div#security_popup_wrapper div.popup_content,
div#session_popup_wrapper div.popup_content,
div#loader_popup_wrapper div.popup_content,
div#error_popup_wrapper div.popup_content{width:630px; height: 150px; text-align: center;}

div#install_info_popup_wrapper div.popup_content{width:500px; height: 220px; border-top-left-radius: 6px; border-top-right-radius: 6px;}
div#install_info_popup_wrapper div.popup_content img{margin-bottom:10px; border:solid 1px #CCC;}


div.controls{display:flex; justify-content: center; margin-top:20px;}
div.yes_button{background: #1376c7; border: solid 1px #1376c7; border-radius: 50px; font-family: "PFDinTextCondPro-Medium", Helvetica, Arial, "sans-serif"; color: #fff; padding: 10px 40px; cursor: pointer; margin-right: 10px;}
div.no_button, div.ok_button{background: #1376c7; border: solid 1px #1376c7; border-radius: 50px; font-family: "PFDinTextCondPro-Medium", Helvetica, Arial, "sans-serif"; color: #fff; padding: 10px 40px; cursor: pointer;}

div#cancel_ticket_popup_wrapper div.popup_body, div#cancel_appointment_popup_wrapper div.popup_body{display: flex; flex-direction: column; justify-content: center;}

div#issue_ticket_loading_wrapper div.content_loading,
div#send_code_loading_wrapper div.content_loading,
div#cancel_ticket_loading_wrapper div.content_loading,
div#book_appointment_loading_wrapper div.content_loading,
div#cancel_appointment_loading_wrapper div.content_loading,
div#loader_popup_wrapper div.content_loading{height:100%; justify-content: center; align-items: center; display: flex;}

div#issue_ticket_loading_wrapper div.content_loading img,
div#send_code_loading_wrapper div.content_loading img,
div#cancel_ticket_loading_wrapper div.content_loading img,
div#book_appointment_loading_wrapper div.content_loading img,
div#cancel_appointment_loading_wrapper div.content_loading img,
div#loader_popup_wrapper div.content_loading img{margin-right:10px;}

div.popup_header{background:#1376C7;}
div.popup_title{color:#FFF;}

/********************************************************************************************************************************************************************************************************************/
@media all and (max-width: 1210px){
div.popup_content{width:90%;}
}
/********************************************************************************************************************************************************************************************************************/

@media all and (max-width: 730px){
div#cancel_ticket_popup_wrapper div.popup_content,
div#issue_ticket_loading_wrapper div.popup_content,
div#issue_ticket_error_wrapper div.popup_content,
div#send_code_loading_wrapper div.popup_content,
div#send_code_error_wrapper div.popup_content,
div#otp_code_error_wrapper div.popup_content,
div#cancel_ticket_loading_wrapper div.popup_content,
div#cancel_ticket_error_wrapper div.popup_content,
div#book_appointment_loading_wrapper div.popup_content,
div#book_appointment_error_wrapper div.popup_content,
div#book_appointment_unavailable_wrapper div.popup_content,
div#cancel_appointment_loading_wrapper div.popup_content,
div#cancel_appointment_error_wrapper div.popup_content,
div#cancel_appointment_popup_wrapper div.popup_content,
div#security_popup_wrapper div.popup_content,
div#session_popup_wrapper div.popup_content,
div#loader_popup_wrapper div.popup_content,
div#error_popup_wrapper div.popup_content{width: 100%; height:100%; border-radius:0;} 

div.popup_header{border-radius:0;}
}
/********************************************************************************************************************************************************************************************************************/

@media all and (max-width: 700px){
div.popup_content{width:100%; height: 100%;}
div.popup_body {height: 94%;}
div.cancel_ticket_popup, div.cancel_appointment_popup{width:350px; height: 140px;}
div.service_documents h4{width:100%;}
}
/********************************************************************************************************************************************************************************************************************/
@media all and (max-width: 600px){
div#install_info_popup_wrapper div.popup_content{width: 100%; height:100%; border-radius:0;}  
}
/********************************************************************************************************************************************************************************************************************/
@media  only screen and (max-device-width:1000px) and (orientation: landscape){  
div.popup_content {width: 100%; height: 100%;}
div.popup_header{border-radius: 0;}

div#cancel_ticket_popup_wrapper div.popup_content,
div#issue_ticket_loading_wrapper div.popup_content,
div#issue_ticket_error_wrapper div.popup_content,
div#cancel_ticket_loading_wrapper div.popup_content,
div#cancel_ticket_error_wrapper div.popup_content,
div#book_appointment_loading_wrapper div.popup_content,
div#book_appointment_error_wrapper div.popup_content,
div#book_appointment_unavailable_wrapper div.popup_content,
div#cancel_appointment_loading_wrapper div.popup_content,
div#cancel_appointment_error_wrapper div.popup_content,
div#cancel_appointment_popup_wrapper div.popup_content,
div#security_popup_wrapper div.popup_content,
div#session_popup_wrapper div.popup_content,
div#loader_popup_wrapper div.popup_content,
div#error_popup_wrapper div.popup_content,
div#install_info_popup_wrapper div.popup_content{width: 100%; height:100%; border-radius:0;}
    
div#issue_ticket_error_wrapper div.popup_body{height: 100%; display: flex; flex-direction: column; justify-content: center;}  
    
div#install_info_popup_wrapper div.popup_content{width: 100%; height:100%; border-radius:0;}  
div#install_info_popup_wrapper div.popup_body{height: 100%; display:block;}
div#install_info_popup_wrapper div.popup_body div.body{margin-bottom:80px;}

div#cookies_init_popup_wrapper div.popup_content  {overflow-y: auto;}  
}
/********************************************************************************************************************************************************************************************************************/
@media  only screen and (max-device-width:500px) and (orientation: portrait){
div#cancel_ticket_popup_wrapper div.popup_content,
div#issue_ticket_loading_wrapper div.popup_content,
div#issue_ticket_error_wrapper div.popup_content,
div#cancel_ticket_loading_wrapper div.popup_content,
div#cancel_ticket_error_wrapper div.popup_content,
div#book_appointment_loading_wrapper div.popup_content,
div#book_appointment_error_wrapper div.popup_content,
div#book_appointment_unavailable_wrapper div.popup_content,
div#cancel_appointment_loading_wrapper div.popup_content,
div#cancel_appointment_error_wrapper div.popup_content,
div#cancel_appointment_popup_wrapper div.popup_content,
div#send_code_error_wrapper div.popup_content,
div#send_code_loading_wrapper div.popup_content,
div#otp_code_error_wrapper div.popup_content,
div#terms_popup_wrapper div.popup_content,
div#cookies_popup_wrapper div.popup_content,
div#cookies_init_popup_wrapper div.popup_content,
div#security_popup_wrapper div.popup_content,
div#session_popup_wrapper div.popup_content,
div#loader_popup_wrapper div.popup_content,
div#error_popup_wrapper div.popup_content,
div#install_info_popup_wrapper div.popup_content{width: 100%; height:100%; border-radius:0;}
    
div#issue_ticket_error_wrapper div.popup_body{height: 100%; display: flex; flex-direction: column; justify-content: center;}
    
div.popup_body{height:100%; display: flex; justify-content: center; flex-direction: column;} 
div.popup_header{border-radius: 0;}
    
div#documents_popup_wrapper div.popup_body{display:block;}
    
div#install_info_popup_wrapper div.popup_content{width: 100%; height:100%; border-radius:0;}  
div#install_info_popup_wrapper div.popup_body{height: 100%; display:block;}
div#install_info_popup_wrapper div.popup_body div.body{margin-bottom:80px;}
}

/********************************************************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************************************************/
@media  only screen and (max-device-width:400px) and (orientation: portrait){ 
body{font-size: 16px;}
div.alert{width:100%; top:0; left:0; right:auto; border-radius: 0; padding:10px;}
div.alert div.max_ticket_instances, div.alert div.message{font-size:17px;}
}

@media  only screen and (max-device-width:860px) and (orientation: landscape){ 
body{font-size: 16px;}
div.alert{width:100%; top:0; left:0; right:auto; border-radius: 0; padding:10px;}
div.alert div.max_ticket_instances, div.alert div.message{font-size:17px; padding: 0 20px;width: auto;}
div.popup_body{height:100%; display: flex; justify-content: center; flex-direction: column;}
div#documents_popup_wrapper div.popup_body{display:block;}
}