/*WEB SERVICES CSS FOR MOBILE APP*/
*{-webkit-box-sizing:border-box;box-sizing:border-box;border:none;outline:none;text-decoration:none;padding:0;margin:0;line-height:normal;font-family:'Open Sans', sans-serif !important;}
body,
input,
textarea,
select{color:#555555;line-height:normal;word-wrap:break-word;}
body{color:#333e48;position:relative;}
body p{font-size:15px;color:#333e48;}
body.overflow-hide{overflow-x:hidden;}
.theme-color{color:#1e5087;}
.theme-bg-color{background-color:#1e5087;}
pre code,
code,
caption{color:#555555;}
hr{margin-top:30px;margin-bottom:30px;}
ol,
ul{list-style:none;padding:0;}
/*----Scrollbar---*/
.scroller{overflow-y:scroll;scrollbar-color:#555 #ddd;scrollbar-width:thin;display:inline-block;text-align:justify;}
::-webkit-scrollbar{width:6px;height:2px;}
::-webkit-scrollbar-track{background:#fff;}
::-webkit-scrollbar-thumb{background:#686868;padding:0px 1px;}
/*----Placeholder---*/
::-webkit-input-placeholder{color:#aaaaaa;}
:-ms-input-placeholder{color:#aaaaaa;}
::-moz-placeholder{color:#aaaaaa;}
::-ms-input-placeholder{color:#aaaaaa;}
::placeholder{color:#aaaaaa;}
/*-------------*/
/*DEL BUTTON CSS==================================================*/
a.del{display:inline-block;width:25px;height:26px;border:1px solid #a0a0a0;position:relative;}
a.del:before,
a.del:after{content:"";width:1px;height:14px;background:#a0a0a0;position:absolute;left:50%;top:50%;margin-left:-0.5px;margin-top:-7px;transition:all ease-in-out 0.3s;}
a.del:before{transform:rotate(45deg)}
a.del:after{transform:rotate(-45deg)}
a.del:hover{background:#1c8db9;border:1px solid #1c8db9}
a.del:hover:before,
a.del:hover:after{background:#1c8db9;}
a.del:hover:before{transform:rotate(-45deg);background:#fff;}
a.del:hover:after{transform:rotate(45deg);background:#fff;}

.editor-data{float:left; width:100%; margin:0; padding:15px 15px 0; position:relative;}
.editor-data li,
.editor-data p,
.accrd-content li{float:left; width:100%; margin-bottom:15px; }

.editor-data ul{float:left; width:100%; margin:0; padding:0 0 0 20px;}
.editor-data ul li{list-style:disc;}

.editor-data h1,
.editor-data h2,
.editor-data h3,
.editor-data h4,
.editor-data h5,
.editor-data h6,
.editor-data p{margin:0 0 15px 0;}
/* -------------------------------- */

.container{max-width:414px; width:100%; margin:0 auto;}

.pin-modal{position:fixed;top:0;left:50%;max-width:414px; width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;flex-flow:row wrap;z-index:10;flex:1;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;-webkit-transform:translateY(-100%) translateX(-50%);-ms-transform:translateY(-100%) translateX(-50%);transform:translateY(-100%) translateX(-50%);display:none}
.pin-modal.active{-webkit-transform:translateY(0) translateX(-50%);-ms-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%);display:flex;}
.pin-modal .popup-block{width:90%;background:#fff; border: 1px solid #ddd; border-radius:20px;justify-content:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;flex-flow:column wrap;padding:10px;position:relative;max-width:300px;}
/* .pin-modal .close{padding:10px;cursor:pointer;width:50px;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;align-self:flex-end;font-size:26px;position:absolute;right:0;top:0;} */
.pin-modal .close{padding:10px;cursor:pointer;width:30px;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;align-self:flex-end;font-size:20px;position:absolute;right:5px;top:5px;}
.pin-modal .title{text-align:center;font-size:16px;margin-top:20px;line-height:1.5;color:#666666;}
.pin-input ul{display:-webkit-box;display:-ms-flexbox;display:flex;flex-flow:row wrap;margin-bottom:10px;}
.pin-input~p{margin-bottom:15px;}
.pin-input ul li{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:25%;padding:0 8px;}
.pin-input ul li input.form-control{padding:0;border-radius:0;border:0;border-bottom:1px solid #6d6d6d;width:100%;text-align:center;font-size:16px;line-height:30px;height:50px;color:#000000}
.pin-modal.sent-alert .popup-block{padding:50px 30px 30px;}
.pin-modal.sent-alert h3{font-size:18px;font-weight:400;text-align:center;margin-bottom:30px;}
.pin-modal.sent-alert a.btn-red.btn{min-width:auto;max-width:130px;}
.pin-modal .overley{position:absolute;top:0;right:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;opacity:0;z-index:-1;}
.pin-modal.active{-webkit-transform:translateY(0) translateX(-50%);-ms-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%);opacity:1;}
.pin-modal.active .overley{opacity:1;}

div.mxdialog,
div#mxloader{display:none;position:fixed;width:100%;height:100%;overflow:auto;overflow-y:auto;scrollbar-color:rgba(130, 130, 130, 0.3) rgba(130, 130, 130, 0.5);scrollbar-width:thin;left:0;top:0;display:flex;justify-content:center;align-items:center;background:rgba(0, 0, 0, 0.5);z-index:5;}
div.mxdialog h2.title{float:left;width:100%;margin:0px;padding:0px;}
div.mxdialog div.body{display:flex;max-height:85%;background:#fff;border:0px solid #A0A0A0;border-radius:10px;padding:16px;flex-flow:row wrap;position:relative;min-width:300px;box-shadow:0px 0px 20px rgba(0, 0, 0, 0.05);}
div.mxdialog div.content{float:left;width:100%;margin:0px;padding:0px 12px 0px 0px;max-height:75vh;overflow:auto;overflow-y:auto;scrollbar-color:rgba(130, 130, 130, 0.3) rgba(130, 130, 130, 0.5);scrollbar-width:thin;font-size:14px;}
div.mxdialog div.content a{color:#333;text-decoration:underline;}

.submit-btn{justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:30px;width:100%;}
.submit-btn .btn{padding:0 30px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:16px; width:100%;}

textarea{width:100%; border:1px solid #cccccc; height:100px; overflow: auto; padding:10px; color:#000000; resize:none; margin:10px 0;}

.btn{height:40px;line-height:40px;font-size:14px;font-weight:600;color:#fff; background:#db851e; border-radius:5px;padding:0 30px;min-width:60%;display:block;margin:0 auto;text-align:center;text-transform:uppercase;}
.btn:hover, .btn.active{background:#e69637;}
.btn.btn-b { background: #f17541; color: #ffffff; border: 1px solid #f17541; width: 100%;}
input[type=text]{border: 1px solid #f17541;}
div.mxdialog, div#mxloader{ width:414px; height: 660px; left: 50%;}




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

    div.mxdialog, div#mxloader{ width:100%; height: 100%; }


}