/* ************new card*********************** */
#myModal03{top:12% !important;}
.modal .modal-secnd {float: left;width: 100% !important;border-radius: 2px;background: #374047;height: auto !important;margin: 0;-webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.59);-moz-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.59);box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.59);padding: 7px;}
.addpopup .grey-cir-btn {background: #fff;border-radius: 20px;padding: 13px 20px !important;font-size: .9rem;border: 1px solid #a4adb4;color: #333;margin: 5px;text-transform: uppercase;}
.addpopup  .modal-body {position: relative;padding: 0px 4px !important;}
.slide-head {color: #333 !important;font-size: 16px;margin-top: 0%;font-weight: 400;}
.slide-cir-btn1 {padding: 11px 27px;font-size: .9rem;margin: 5px;}
.slide-cir-btn1 {background: #383e4e;border-radius: 20px;border: 0px solid #a4adb4;color: #FFFFFF !important;text-transform: uppercase;}
.screenpopuphead {width: 84%;float: left;margin: 0 auto;margin-top: 0%;margin-bottom: 15px;}
.smallerstock {height: 100%; width: 100%;display: inline-block;}
.smallerstock2 {height: auto; width: 100%; display: inline-block;}
.modal { left: 0; right: 0;  padding: 0; width: 100%; margin: 0 auto;overflow: visible !important;  border-radius: 2px;  will-change: top, opacity;   font-size: 1rem !important;  background-color: transparent;}
.btn-success {color: #fff !important; background-color: #383e4e; border-color: #383e4e; padding: 0px 32px !important;}
.addpopup{width:100%; float:left; margin:auto;margin-top:4%;}
.port-search {width: 95% !important;background:#FFFFFF !important;box-shadow: 0px 4px 15px 0px #bfbec0 !important; border-radius: 0px !important; text-align: left !important;color: #000000;padding: 8px 15px 8px 29px !important;background: url(https://i-mojo.geojit.com/search_icon.png) no-repeat 8px 12px #fff !important; height: 35px !important; border: none; box-sizing: content-box !important; outline: none !important;   margin: 0 0 0px 0 !important;}
.colmoarea04 {width: 100%; float: left; margin: 0 auto;border: 0px solid #00aed0; padding: 6px 0px 0px 0px;/* box-shadow: 0px 4px 15px 0px #bfbec0; */position: relative;}
.addpopup input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {background-color: transparent;border: none;border-bottom: 1px solid #9e9e9e;border-radius: 0;outline: none;height: 38px;width: 100%;font-size: .8rem;margin: 0 0 15px 0;padding: 0;box-shadow: none;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;transition: all .3s;}
.addpopup .modal {left: 0;right: 0;padding: 0;width:74%;margin: 0 auto;overflow: visible !important;border-radius: 2px;will-change: top, opacity;font-size: 1rem !important;background-color: transparent;margin-top: 20px;}
.popuphead {padding: 15px;border-bottom: 3px solid #00aed0;background: #383e4e;}
.popuphead .close {width: 43px;height: 43px;float: right;margin-right: -25px !important;margin-top: -30px;line-height: 1;font-size: .1px;color: #FFFFFF !important;text-shadow: 0 0px 0 #fff;filter: alpha(opacity=20);opacity: 1;background: url(https://i-mojo.geojit.com/close-icon.png) no-repeat;}
.portpopuphead {font-size: 22px;color: #FFFFFF;text-align: center;}
.modal-open .modal {overflow-x: hidden;}
.table-fixed thead {width: 100%;}
.table-fixed tbody {height: 230px;overflow-y: auto;width: 100%;}
.portfoliopopuparea1 {width:100% !important;margin: 0 auto;margin-top:0%;z-index: 1040;}
.smallpopup {text-align: center !important;width: 30% !important;float: left;margin: auto;margin-left: 35%;margin-top: 4%;z-index: 1155 !important;height: 100%;}
.modelsmallarea {padding: 20px !important;text-align: left;border-bottom: 1px solid #efefef;font-size: 16px;font-weight: 400;}
.modelfooter-small {padding: 12px !important;text-align: right !important;}
.blu-cir-btn-small a{color: #FFF !important;}

.blu-cir-btn-small {background: #00add1;border: 1px solid #00a0c9;padding: 0px 25px;height: 35px;font-weight: 400 !important;font-size: .9rem;border-radius: 30px !important;color: #FFF;margin: 0px;text-transform: uppercase;font-weight: 500;}
.addpopup .modal-body {position: relative;padding:0px;/* overflow: auto;max-height: 450px; */ }
.colomarea-top {width: 100%;float: left;margin: 0 auto;color: #FFFFFF;font-weight: 600;margin-top: 0px;margin-bottom: 0px;padding: 8px 0px 8px 0px;margin-left: 0%;margin-right: 0%;border-top-right-radius: 2px !important;border-top-left-radius: 2px !important;display: block;box-shadow: 0px 1px 20px #d3d4d5;background: #00add1;}
.col-midd01 {width: 27%;float: left;margin: auto;margin-left: 1%;margin-top: 0px;text-align: left;}
.col-midd03 {width: 18%;float: left;margin: auto;margin-left: 2%;margin-top: 0px;text-align: center;position: relative;}
.col-midd04 {width: 14%;float: left;margin: auto;margin-left: 1%;margin-top: 0px;text-align: center;}
.col-midd02 {width: 6%;float: left;margin: auto;margin-left: 1%;margin-top: 0px;text-align: right;}
.col-midd05 {width: 16%;float: left;margin: auto;margin-left: 1%;margin-top: 0px;text-align: center;}
.col-midd07 {width: 8%;float: left;margin: auto;margin-left: 0%;text-align: right;}
.colmoarea03 {width: 100%;float: left;margin: 0 auto;border: 0px solid #00aed0;}
.addpopup .modal input {-moz-border-radius: 5px;-moz-transition: all .7s ease;-o-transition: all .7s ease;-webkit-border-radius: 20px;-webkit-transition: all .7s ease;border: 1px solid #d1d1d1;border-radius: 5px;padding:2px 6px;transition: all .7s ease;background: #f8f7fa;width: 80%;line-height: 1.1rem;font-size: 14px !important;}
.addpopup .top-sec-border {border-left: 1px solid #00aed0;border-right: 1px solid #00aed0;border-bottom: 1px solid #00aed0;background: #FFFFFF;}
.addpopup .addinputcol {width: 100%;float: left;margin: auto;border-top: 0px solid #cdcccf;padding:0px 0px 0px 0px !important;margin-top: 0px;}
.addpopup .stockname {margin-left: 12px;color: #00acd0 !important;font-size: 16px;margin-top: 10px;}
.portinputhead {font-size: 16px;font-weight: 600;display: none;}
.addpopup .dateport-input {width: 95% !important;padding: 0px 15px 0px 6px !important; background: url(https://i-mojo.geojit.com/date-icon.png) no-repeat 96% 8px #fff !important; text-align: left !important;}
.addpopup .portinput1 {width: 90% !important;text-align: right;font-size: 15px;background-color: #FFFFFF !important;border-radius: 2px !important;border: 1px solid #adaeb0 !important;top: -5px;position: relative;}
.addpopup input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {background-color: transparent;border: none;border-bottom: 1px solid #9e9e9e;border-radius: 0;outline: none;width: 100%;font-size: .8rem;margin: 8px 0 0px 0;padding: 0px 4px;box-shadow: none;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;transition: all .3s;}
.addpopup .dropdown, .dropup {position: relative;top: 3px;}
.addpopup .inputcol2 {max-width: 90%;min-width: 95%;height:39px;text-align: left !important;background-color: #FFFFFF;border-radius: 2px;border: 1px solid #adaeb0;font-size: 14px;}
.addpopup .btn .caret {margin-left: 0;text-align: right !important;float: right !important;top: 17px;position: absolute;right: 12px;}
.error_message {width: 100%;float: left;color: #c93e41;font-size: 12px;}
.addpopup .portdropdown {width: 180px !important;overflow-y: scroll;overflow-x: hidden;max-height: 120px;float: right;}
.addpopup .scr-col3  .dropdown-menu {position: absolute;top: 100%;right: 0;/* left: 0; */z-index: 1000;display: block;float: left;min-width:323px;padding: 5px 0;margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;background-color: #f3f0f0 !important;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, .15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
.addpopup .dropdown-menu {position: absolute;top: 100%;right: 0;/* left: 0; */z-index: 1000;display: block;float: left;min-width:200px;padding: 5px 0;margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;background-color: #f3f0f0 !important;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, .15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
.addpopup .portdropsubdown {margin-left:0px;width: 180px;margin-top: -4px;}
.addpopup .col-midd03 .dropdown-menu {position: absolute;top: 100%;right: 0;/* left: 0; */z-index: 1000;display: block;float: left;min-width:322px;padding: 5px 0;margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;background-color: #f3f0f0 !important;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, .15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
.modal .col-midd03  td {padding: 3px !important;  vertical-align: top;}
.addpopup .col-midd03 .dropdown-menu .btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {margin-left:3px;}
.portinput5 {width: 55% !important;height:31px !important;text-align: left !important;font-size: 15px;background-color: #FFFFFF !important;border-radius: 2px !important;border: 1px solid #adaeb0 !important;margin: 4px 0px !important;}

.modal .addpopup td {padding: 4px !important; vertical-align: top;}

.addpopup .inline li {min-width: 192px !important;padding: 6px 4px;color: #333 !important;text-decoration: none !important;border-bottom: 1px solid #FFF;}
.addpopup .form-control {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555 !important;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.addpopup .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {color: #333;background-color: #e6e6e6 !important;border-color: #adadad;}
.addpopup .btn {background: #FFFFFF; color:#333;}
.addpopup .deleteicon {margin-left: 4px;position: relative;font-size: 22px;color: #333;top: -2px;}
.addpopup .removeicon {margin-left: 15px;position: relative;font-size: 22px;color: #333;top: 0px;}
.addpopup .save-icon {color: #00b1d1;font-size: 26px;margin-top: 0;}
.addpopup .portbottomarea {width: 100%;float: left;margin: 0 auto;margin-bottom: 15px;}
.addpopup .portsavebutton {width: 18%;float: left;margin: auto;margin-left: 1%;margin-top: 15px;}
.addpopup .botmiddborder {width: 60%;float: left;margin: auto;border-bottom: 1px solid #ccc;margin-top:4%;margin-left: 1%;}
.addpopup .portaddbutton {width: 18%;float: right;margin: auto;margin-top: 15px;}
/* .addpopup .portadd {height: 40px;} */
.addpopup .portbottomarea .blu-cir-btn {background: #00add1;border: 1px solid #00a0c9;padding:13px 24px;font-size: .9rem;border-radius: 30px !important;color: #FFF;margin:0px;text-transform: uppercase;font-weight: 500;}
.screen-middcol5 .portsave {height: 50px !important;margin-top: 12px !important;padding: 5px 18px;border-radius: 25px;}
.addpopup input[type="text"]:disabled, input[type="text"][readonly="readonly"], input[type="password"]:disabled, input[type="password"][readonly="readonly"], input[type="email"]:disabled, input[type="email"][readonly="readonly"], input[type="url"]:disabled, input[type="url"][readonly="readonly"], input[type="time"]:disabled, input[type="time"][readonly="readonly"], input[type="date"]:disabled, input[type="date"][readonly="readonly"], input[type="datetime-local"]:disabled, input[type="datetime-local"][readonly="readonly"], input[type="tel"]:disabled, input[type="tel"][readonly="readonly"], input[type="number"]:disabled, input[type="number"][readonly="readonly"], input[type="search"]:disabled, input[type="search"][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {color: #333 !important;text-align: center;border-bottom: 0px dotted #eee !important;padding:0px 0px !important;background: transparent !important;border: 0px solid #e5e5e5 !important;}
.stockname{margin-left:12px; color:#00acd0 !important; font-size:16px; margin-top:10px;}
.stockname2{margin-left:12px; color:#00acd0 !important; font-size:16px; margin-top:10px;}
/* .port-search{width: 95% !important; border-radius:0px !important; text-align:left !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;color: #000000;padding: 8px 15px 8px 0px !important;  background: url(http://i-mojo.geojit.com/search_icon.png) no-repeat 2px 12px #fff !important;height:30px !important;border:none !important;box-sizing: content-box !important;  outline: none !important;  margin: 0 0 0px 0 !important;}
 */
.screen-search{text-align: left !important;}
.addpopup .scr-col3 input[type="text"]:disabled, input[type="text"][readonly="readonly"], input[type="password"]:disabled, input[type="password"][readonly="readonly"], input[type="email"]:disabled, input[type="email"][readonly="readonly"], input[type="url"]:disabled, input[type="url"][readonly="readonly"], input[type="time"]:disabled, input[type="time"][readonly="readonly"], input[type="date"]:disabled, input[type="date"][readonly="readonly"], input[type="datetime-local"]:disabled, input[type="datetime-local"][readonly="readonly"], input[type="tel"]:disabled, input[type="tel"][readonly="readonly"], input[type="number"]:disabled, input[type="number"][readonly="readonly"], input[type="search"]:disabled, input[type="search"][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {color: #333 !important;text-align: center;border-bottom: 0px dotted #eee !important;padding:0px 5px !important;background: transparent !important;border: 0px solid #e5e5e5 !important;text-align:center !important;}

.readolnysearch .screen3-port-search{width: 95% !important; border-radius:0px !important; text-align:left !important;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;color: #000000;padding: 8px 15px 8px 0px !important;  /* background: url(http://i-mojo.geojit.com/search_icon.png) no-repeat 98% 12px #fff !important; */height:30px !important;border:none !important;box-sizing: content-box !important;  outline: none !important;  margin: 0 0 0px 0 !important;}
.screen3-port-search{width: 95% !important; border-radius:0px !important; text-align:left !important;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;color: #000000;padding: 8px 15px 8px 4px !important;  background: url(https://i-mojo.geojit.com/search_icon.png) no-repeat 98% 12px #fff !important;height:30px !important;border:none !important;box-sizing: content-box !important;  outline: none !important;  margin: 0 0 0px 0 !important;}

.remove-iconarea{margin-left:15px; position:relative;}
.remove-icon{color:#000;font-size:20px;}
.dateinputcol{width:100%;}
.top-sec-border{border-left: 1px solid #00aed0;border-right: 1px solid #00aed0;border-bottom: 1px solid #00aed0; background:#FFFFFF;}
.stockmargin{margin-bottom:22px !important;}
.search-padding{padding: 10px 24px !important;}

.tt-menu {background-color: #FFFFFF;	border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 5px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);margin-top:0px;padding: 8px 0;width:350px;}
.tt-suggestion {	font-size: 16px;padding: 5px 20px;}
.tt-suggestion:hover {cursor: pointer;background-color: #CCC;color: #FFFFFF;}
.port-auto-search {background:#fff;padding:8px;text-align:left;-moz-border-radius:10px;-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.15) inset;-moz-transition: all .7s ease;-o-transition: all .7s ease;-webkit-border-radius: 10px;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;-webkit-transition: all .7s ease;border: 1px solid #d1d1d1;border-radius: 10px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;transition: all .7s ease;width:100%; position: absolute;z-index:999999;top:auto;height: 180px;overflow-y: auto;margin-left:0px;}
/* .port-auto-search {cursor: pointer;z-index: 100;} */
.port-auto-search {cursor: pointer;position: absolute;z-index: 999999;}
.port-auto-search li a:hover {background: #ebeef3;color: #0e1215;}
.port-auto-search li a {padding: 10px;border-bottom: 1px solid #c9cdd3;display: block;color: #3e4850;}
.port-auto-search-new {background:#fff;padding:10px;-moz-border-radius:10px;-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.15) inset;-moz-transition: all .7s ease;-o-transition: all .7s ease;-webkit-border-radius: 10px;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;-webkit-transition: all .7s ease;border: 1px solid #d1d1d1;border-radius: 10px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;transition: all .7s ease;width: 25%; position: absolute;z-index:999999;top:auto;height: 250px;overflow-y: auto;}
.port-auto-search-new {cursor: pointer;z-index: 100;}
.port-auto-search-new li a:hover {background: #ebeef3;color: #0e1215;}
.port-auto-search-new li a {padding: 10px;border-bottom: 1px solid #c9cdd3;display: block;color: #3e4850;}

.acordarea{width:100%; float:left; margin:0 auto; margin-left:0%; margin-right:0%;}
.rem-editmargin{position: absolute; width: 100%;text-align: right; top:4%;bottom: 0;right:5%;}
.rem-editmargin2{position: absolute; width: 100%;text-align: right; top:44%;bottom: 0;right:5%;}
/*  /////////////////screen 2///////////////////// */
.imppopup .modal {left: 0; right: 0;padding: 0;width: 95%;margin: 0 auto;overflow: visible !important;border-radius: 2px;will-change: top, opacity;font-size: 1rem !important;background-color: transparent;/* margin-top: 20px; */}
.imppopup  .screen-main{width:100%; float:left; margin:0 auto; margin-top:1%; margin-bottom:0px; padding: 0px 0px 0px 0px; margin-left:0%; margin-right:0%; background-color:#FFFFFF;border-radius:3px !important;/* box-shadow: 0px 1px 6px #d3d4d5; */ }
.screen-main1{width:100%; float:left; margin:0 auto; overflow-x: hidden;min-height:450px; max-height:650px; margin-top:3%; margin-bottom:0px; padding: 0px 0px 0px 0px; margin-left:0%; margin-right:0%; background-color:#FFFFFF;border-radius:3px !important;/* box-shadow: 0px 1px 6px #d3d4d5; */ }
.screen-upmain{width:100%; float:left; margin:0 auto; /* overflow-x: hidden;min-height:450px; max-height:650px; */ margin-top:2%; margin-bottom:0px; padding: 0px 0px 0px 0px; margin-left:0%; margin-right:0%; background-color:#FFFFFF;border-radius:3px !important;/* box-shadow: 0px 1px 6px #d3d4d5; */ }
.screen-col1{width:80%; float:left; margin:auto; margin-left:0%;}
.screen-col2{width:19%; float:left; margin:auto; margin-left:0%;}
.screen-addinputcol{width:100%; float:left; margin:auto;background: #f8f2f2;border-bottom: 1px solid #d47171;border-right: 1px solid #d47171;border-left: 1px solid #d47171;padding:7px 0px 5px 0px !important;margin-top:0px;}
.screen-addinputcol2{width:100%; float:left; margin:auto;background: #f2fbf8;border-bottom:1px solid #78cca8;border-left:1px solid #78cca8;border-right:1px solid #78cca8;padding:0px 0px 0px 0px !important;margin-top:0px;}
.screen-greenpadd{padding:0px 0px 6px 0px !important;}
.screen-head{margin-left:12px; color:#333 !important; font-size:26px; margin-top:18px;}
.screen-head1{margin-left:12px; color:#333 !important; font-size:26px; margin-top:4%;}
.screen-head2{margin-left:0px; color:#c23131 !important; font-size:20px; font-weight:500; margin-top:-4%; margin-bottom:15px;}
.screen-head3{margin-left:0px; color:#78cca8 !important; font-size:20px; font-weight:500; margin-top:10px; margin-bottom:6px;}
.screen-col4{width:100%; float:left; margin:auto; margin-left:0%;}
.screen-uploadhead{width:80%; float:left; margin:auto; margin-left:0%;margin-bottom:0;}
.screen-col5{width:50%; float:left; margin:auto; margin-left:25%; margin-right:25%; margin-bottom:2%;}
.screen-col3{width:98%; float:left; margin:auto; margin-left:1%; margin-right:1%; border:1px solid #cdcdcd; margin-bottom:15px;}
.screen-middcol1{width:100%; float:left; margin:0 auto; margin-left:0%; margin-right:0%; margin-top:4%;}
.screen-radio{width:auto; float:left; margin:0 auto; margin-left:39%; margin-top:2%; text-align:center !important;}
.scr-bot-blue{color:#00acd0; font-size:12px;}
.scr-bot-grey{color:#c5c5c5; font-size:12px;}
.screen-middcolmain{width:100%; float:left; margin:0 auto; margin-left:0%; margin-top:0%;position: relative;}
.screen-toperror{width:auto; float:none; margin:0 auto;font-size:15px;margin-top:0%;position: relative; color:#333;text-align:center;background:#fff3d3; border:1px solid #ccc; padding:6px 6px;}
.screen-middcolleft{width:30%; float:left; margin:0 auto; margin-left:2%; margin-top:2%;position: relative;display:block;background:#eaf8fb; border:1px solid #ccc;text-align: left;}
.screen-middcolright{width:50%; float:left; margin:0 auto; margin-left:0%; margin-top:0%;position: relative;}
.screen-middcol3{width:60%; float:left; margin:0 auto; margin-left:0%; margin-top:5%;position: relative;}
.screen-middcol2{width:98%; float:left; margin:0 auto; margin-left:2%; margin-right:0%; margin-top:1%;margin-bottom:2%;}

.bottom-next1{width:100%; float:left; margin:0 auto; margin-left:0%; margin-right:0%; margin-top:2%;margin-bottom:3%;}
.bottom-next2{width:100%; float:left; margin:0 auto; margin-left:0%; margin-right:0%; margin-top:0%;}
.bottom-next3{width:100%; float:left; margin:0 auto; margin-left:0%; margin-right:0%; margin-top:3%;}
.bottom-next-arrow{position: relative;margin-left:0px;top:0px;}
.screen-blu-cir-btn {background: #00add1;border: 1px solid #00a0c9; padding: 8px 25px; font-size:16px;border-radius: 30px !important; color: #FFF;margin: 5px;text-transform: uppercase; font-weight: 500;}

.screen-middcol4{width:100%; float:left; margin:0 auto; margin-left:0%; margin-right:0%; margin-top:20%;}
.screen-middcol5{width:98%; float:left; margin:0 auto; margin-left:1%; margin-right:1%; margin-top:0%; margin-bottom:15px; text-align:center;border-top:1px solid #383e4e;}
.screen-middle{width:98%; float:left; margin:auto; margin-left:1%; margin-right:1%; margin-bottom:15px;}
.screen-step-bg{width:98%; float:left; margin:auto; margin-left:1%; margin-right:1%; background:#f8f2d0;padding: 10px;margin: 20px 0;}
.screen-stepsul {margin: 0px 0;margin-left:15%;}
.screen-stepsul li {margin-bottom:25px;margin-left:0px;}
.screen-search{width:94% !important;text-align:left; height:23px !important; text-align:left !important; font-size:15px;background-color:#FFFFFF !important;border-radius:2px !important;border: 1px solid #adaeb0 !important;margin-top:3px !important;}
.screen-input{width:100% !important;text-align:left; height:38px; font-size:15px;background-color:#FFFFFF !important;border-radius:2px !important;border: 1px solid #adaeb0 !important;color:#333 !important;}
.screen-input2{width:100% !important;text-align:left; height:40px; font-size:15px;background-color:#FFFFFF !important;border-radius:2px !important;border: 1px solid #adaeb0 !important;margin-top:3px !important;}
.screen-inputleft{width:35%; float:left; margin:0 auto;margin-left:5%;margin-top:5%;}
.screen-inputright{width:45%; float:left; margin:0 auto;margin-left:3%;margin-top:5%;}
.inputmargin{margin:4px 10px;}
.screeninputbrowse{height:23px !important;width:93% !important;margin-top:3px !important;border-radius:2px !important;}
.screen-file{height:45px;}
.screen-file2{height:39px;border-radius:4px !important;/* border-bottom-right-radius:4px !important; */margin-left:-1px;}
.screen-upinput{width:100% !important;text-align:left; height:45px; font-size:15px;background-color:#FFFFFF !important;border-radius:2px !important;border: 1px solid #7a7e89 !important;}
.screen-top{top: 5px;position: relative;}
.screen-top2{top:2px;position: relative;width:100% !important; }

.screen-popupmargin{margin-top:-5%;}
.screen-table{width:99%; float: left; margin:0 auto;overflow-x: hidden;min-height:350px; max-height:350px; margin-left:0%; margin-right:0%; margin-bottom:10px;}
.screen-table-content{width:96%; float; left; margin:0 auto;margin-left:2%; margin-right:2%;margin-top:1%;}
.colomarea-top{width:100%; float:left; margin:0 auto;color:#FFFFFF; font-weight:600; margin-top:0px; margin-bottom:0px; padding:8px 0px 8px 0px; margin-left:0%; margin-right:0%; border-top-right-radius:2px !important;border-top-left-radius:2px !important; display:block;box-shadow: 0px 1px 20px #d3d4d5; background: #00add1;}
.screen-main2{width:100%; float:left; margin:0 auto;margin-top:0%; margin-bottom:0px; padding: 0px 0px 0px 0px; margin-left:0%; margin-right:0%; background-color:#FFFFFF;}
.screen-main3{width:100%; float:left; margin:0 auto; /* overflow-x: hidden;min-height:105px; max-height:176px;  */margin-top:0%; margin-bottom:0px; padding: 0px 0px 0px 0px; margin-left:0%; margin-right:0%; background-color:#FFFFFF;border-radius:3px !important;box-shadow: 0px 1px 6px #d3d4d5; }
.screen-main3-new{width:100%; float:left; margin:0 auto; /* overflow-x: hidden;min-height:105px; max-height:176px;  */margin-top:0%; margin-bottom:0px; padding: 0px 0px 0px 0px; margin-left:0%; margin-right:0%; background-color:#FFFFFF;border-radius:3px !important;box-shadow: 0px 1px 6px #d3d4d5; }
.screen-main4{width:100%; float:left; margin:auto; margin-left:0%; /* background:#f8f2f2; */ padding:0px 0px;}
.screen-main5{width:100%; float:left; margin:auto; margin-left:0%; /* background:#f2fbf8; */ padding:0px 0px;}

.scr-col1{width:10%; float:left; margin:0 auto; margin-left:1%; text-align:left;}
.scr-col2{width:31%; float:left; margin:0 auto; margin-left:1%;position: relative; text-align:left;}
.scr-col3{width:17%; float:left; margin:0 auto; margin-left:1%;position: relative; text-align:center;}
.scr-col4{width:17%; float:left; margin:0 auto; margin-left:1%; text-align:center;}
.scr-col5{width:10%; float:left; margin:0 auto; margin-left:.5%; text-align:center;}
.scr-col6{width:8%; float:left; margin:0 auto; margin-left:1%; text-align:right;}
.screen2-col6{width:7%; float:left; margin:0 auto; margin-left:2%; text-align:right;}
.screen-stock{margin-left:0px; color:#00acd0 !important; font-size:16px; margin-top:10px;}
.screen-buy-freez-new{height:39px !important; padding:10px 8px 0px 0px; /* background-color::#FFFFFF !important; */border:0px solid #adaeb0 !important; text-align:left;margin-left:0px; color:#333 !important;}
.screen-buy-freez{height:40px; padding:0px 8px 0px 0px; background-color::#FFFFFF !important;border:1px solid #adaeb0 !important; text-align:left !important;margin-left:0px; color:#333 !important;}
.screen-buy{width:100% !important;height:40px !important; padding:10px 8px 0px 0px; /* background-color:#FFFFFF !important; */border: 1px solid #adaeb0 !important; text-align:left;margin-left:0px; color:#333 !important;}
.input-bootom{margin-bottom:6px; text-align:left !important;}
.input-bootom2{width:88%; float:left; margin:auto;margin-left:12%;margin-bottom:6px;}
.save-icon{color:#00b1d1; font-size:26px;margin-top:0;}
.error_message{width:100%; float:left;color:#c93e41; font-size:12px;}
.radiotLable li{list-style:none; display:inline-block; margin:0px 6px 0px 0px;}
.radiotext{font-size:13px !important; font-weight:500 !important;}
.btn-file {position: relative; overflow: hidden;}
.screen-inputright .btn-group .btn {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: left;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid #7a7e89;border-radius: 0px;}
.btn-file input[type=file] {position: absolute;top: 0;right: 0; min-width: 100%; min-height: 100%; font-size: 100px;text-align: right; filter: alpha(opacity=0); opacity: 0;outline: none; background: white; cursor: inherit;display: block;}
.deleteicon{margin-left:4px; position:relative; font-size:22px; color:#333;top:-2px;}
.removeicon{margin-left:15px; position:relative; font-size:22px; color:#333;top:0px;}
.magic-radio,.magic-checkbox { position: absolute; display: none; }
.magic-radio[disabled],.magic-checkbox[disabled] {cursor: not-allowed; }
.magic-radio + label,.magic-checkbox + label {position: relative; text-align: left; font-size:17px !important; font-weight:400 !important; color:#383e4e !important; display: block; padding-left: 38px;cursor: pointer; /* vertical-align: middle;  */}
.magic-radio + label:hover:before,.magic-checkbox + label:hover:before {animation-duration: 0.4s;animation-fill-mode: both;animation-name: hover-color; }
.magic-radio + label:before,.magic-checkbox + label:before {position: absolute;top:-3px;left: 0;display: inline-block;width: 25px;height: 25px;content: '';border: 1px solid #c0c0c0; }
.magic-radio + label:after,.magic-checkbox + label:after {position: absolute;display: none;content: ''; }
.magic-radio[disabled] + label,.magic-checkbox[disabled] + label {cursor: not-allowed;color: #e4e4e4; }
.magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after,.magic-checkbox[disabled] + label:hover,.magic-checkbox[disabled] + label:before,.magic-checkbox[disabled] + label:after {cursor: not-allowed; }
.magic-radio[disabled] + label:hover:before,.magic-checkbox[disabled] + label:hover:before {border: 1px solid #e4e4e4;animation-name: none; }
.magic-radio[disabled] + label:before,.magic-checkbox[disabled] + label:before {border-color: #e4e4e4; }
.magic-radio:checked + label:before,.magic-checkbox:checked + label:before {animation-name: none; }
.magic-radio:checked + label:after,.magic-checkbox:checked + label:after {display: block; }
.magic-radio + label:before {border-radius: 50%; }
.magic-radio + label:after {top: 5px;left: 8px;width: 9px;height: 9px;border-radius: 50%;background: #3e97eb; }
.magic-radio:checked + label:before {border: 1px solid #3e97eb; }
.magic-radio:checked[disabled] + label:before {border: 1px solid #c9e2f9; }
.magic-radio:checked[disabled] + label:after {background: #c9e2f9; }
.magic-checkbox + label:before {border-radius: 3px; }
.magic-checkbox + label:after {top: 2px;left: 7px;box-sizing: border-box;width: 6px;height: 12px;transform: rotate(45deg);border-width: 2px;border-style: solid;border-color: #fff;border-top: 0;border-left: 0; }
.magic-checkbox:checked + label:before {border: #3e97eb;background: #3e97eb; }
.magic-checkbox:checked[disabled] + label:before {border: #c9e2f9;background: #c9e2f9; }

.radio {padding-left: 20px; }
.radio label {display: inline-block;position: relative;padding-left: 5px; }
.radio label::before {content: "";display: inline-block;position: absolute;width: 17px;height: 17px;left: 0;margin-left: -20px;border: 1px solid #cccccc;border-radius: 50%;background-color: #fff;-webkit-transition: border 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out;transition: border 0.15s ease-in-out; }
.radio label::after {display: inline-block;position: absolute;content: " ";width: 9px;height: 9px;left: 4px;top: 4px;margin-left: -20px;border-radius: 50%;background-color: #555555;-webkit-transform: scale(0, 0);-ms-transform: scale(0, 0);-o-transform: scale(0, 0);transform: scale(0, 0);-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.radio input[type="radio"] {opacity: 0; }
.radio input[type="radio"]:focus + label::before {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px; }
.radio input[type="radio"]:checked + label::after {-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1); }
.radio input[type="radio"]:disabled + label {opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {cursor: not-allowed; }
.radio.radio-inline {margin-top: 0; }

.btn-success {color: #fff;background-color: #383e4e !important;border-color: #383e4e;  padding:0px 32px !important;}
.btn-success.focus,.btn-success:focus {color: #fff;background-color: #383e4e;border-color: #383e4e}
.btn-success:hover {color: #fff;background-color: #383e4e;border-color: #383e4e}
.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success {color: #fff;background-color: #383e4e;border-color: #383e4e;}
.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,
.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover {color: #fff; background-color: #383e4e; border-color: #383e4e}
.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success {background-image: none;}
.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,
.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover { background-color: #383e4e; border-color: #383e4e;}
.btn-success .badge {color: #5cb85c; background-color: #fff;}
.text-dispany{display:none;}
.btn .caret {margin-left: 0;text-align: right !important;float: right !important;top: 17px;position: absolute;right: 12px;}
/* ////////screen2 end//////////////////// */

/* /////////////date/////////// */
.colmoarea03 .col-midd03 [name=cal_area] .dropdown-menu { position: initial;}
.imppopup .scr-col3 [name=cal_area] .dropdown-menu { position: initial;}
.couldnotfind{width:100%; float:left; margin:auto;margin-top:3%;}
.screen-stepsul2 {position:relative; left:0%; padding:5px 5px !important;top:-12px;text-align: left;}
.screen-stephead {position:relative; left:0%; padding:5px 5px !important;text-align: left;}
.screen-stepsul2 li{background: url(https://i-mojo.geojit.com/list_icon.png)no-repeat 1px 4px; padding: 3px 0 6px 19px !important; font-size: 13px;line-height: 14px;}
.screen-stephead li{/* background: url(../images/list_icon.png)no-repeat 1px 4px;  */padding: 3px 0 6px 0px !important; font-size: 18px;font-weight:700;line-height: 14px;}
.file {visibility: hidden; position: absolute;}
.top-head-area{width:100%; float:left; margin:auto;background-image:url("https://i-mojo.geojit.com/top-head-bg.jpg");max-height:136px;min-height:136px; position:relative;margin-top:6%; background-repeat:no-repeat;background-position:center 0; background-color:transparent;background-size:cover;}
.top-section{width:100%; float:left; margin:auto; background-color:#ebeef3; margin-top:7%; text-align:center;}
.top-section-col{background:#FFFFFF;border-radius: 4px; padding:15px 10px; height:140px; margin-top:15px; margin-bottom:15px;}
.top-section-head{font-size:18px; font-weight:700; margin-bottom:0px; margin-top:6px;}
.top-section-head2{font-size:18px; font-weight:700; margin-bottom:15px; margin-top:0px;}
.margin-box-text{margin-top:3.5%; margin-left:0%; text-align:center; margin-right:15px; text-transform:uppercase;}
.top-section-col hr {margin-top: 15px;margin-bottom: 15px;border: 0;border-top: 1px solid #eee;}
hr.style-two {border: 0;height: 1px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(95, 95, 95, 0.75), rgba(0, 0, 0, 0));}
.imppopup input[type="text"]:disabled, input[type="text"][readonly="readonly"], input[type="password"]:disabled, input[type="password"][readonly="readonly"], input[type="email"]:disabled, input[type="email"][readonly="readonly"], input[type="url"]:disabled, input[type="url"][readonly="readonly"], input[type="time"]:disabled, input[type="time"][readonly="readonly"], input[type="date"]:disabled, input[type="date"][readonly="readonly"], input[type="datetime-local"]:disabled, input[type="datetime-local"][readonly="readonly"], input[type="tel"]:disabled, input[type="tel"][readonly="readonly"], input[type="number"]:disabled, input[type="number"][readonly="readonly"], input[type="search"]:disabled, input[type="search"][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"]{color: #333 !important; text-align:center;  border-bottom: 0px dotted #eee !important; padding: 5px 5px !important; background: transparent !important;  border:0px solid #e5e5e5 !important;}

#leftcolumn { width: 18%; margin: 3px; padding: 0; display: inline;}
#leftcolumn ul.leftmenu {list-style: none; text-align: left; margin: 0 5px 3px 10px; padding: 0px;}
#leftcolumn ul.leftmenu li {border-bottom: 1px solid #EFF0F1; font-size:14px; padding: 1px 0px;}
#leftcolumn ul.leftmenu li a { line-height: 20px;color: #333;text-decoration: none;}
#leftcolumn ul.leftmenu li a:hover {color: #FA7837;}
#leftcolumn ul.leftmenu li#activemenu a { color: #FA7837;}
#leftcolumn ul.leftmenu #submenu {margin: 3px 0 3px 7px;}
#leftcolumn ul.leftmenu #submenu a {color: #333; font-weight: normal; font-size:14px;text-decoration: none;line-height: 1.3em;}
#leftcolumn ul.leftmenu #submenu a:hover { color: #F9864D; text-decoration:underline;}
#leftcolumn ul.leftmenu #submenu a#activesubmenu {color: #F9864D;}
label { cursor: pointer;}
li input[id][type="checkbox"] { position: absolute; left: -1000px;top: -1000px;}
input[id] ~ div[id] {display: none;}
input[id]:checked ~ div[id] {display: block;}

.pad-top  .panel-heading .accordion-toggle:after {font-family: 'Glyphicons Halflings'; content: "\e114";float: right; color: grey;margin-right:6px;}
.pad-top  .panel-heading .accordion-toggle.collapsed:after { /* symbol for "collapsed" panels */ content: "\e080";    /* adjust as needed, taken from bootstrap.css */}
.pad-top  .panel {margin-bottom: 0px; margin-left:0%; background-color: #fff;border: 0px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);box-shadow: 0 1px 1px rgba(0, 0, 0, .05);}	
.pad-top .panel-default>.panel-heading {color: #333;border-color:transparent !important; background-color:transparent !important;}
.pad-top {padding-top:10px;}
.panel > .panel-heading {position: relative;padding: 15px;}

.inputbtn {display: inline-block;padding: 6px 8px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.smallpopup{text-align:center !important;width:30% !important; float:left; margin:auto; margin-left:35%; margin-top:4%; z-index:1155 !important; height:auto;}
.smallpopup2{text-align:center !important;width:50%; float:left; margin:auto; margin-left:25%; margin-top:4%; z-index:1155 !important; height:100%;}

.removemargin{margin-left:8px; position:relative; font-size:22px; color:#333 !important;}
.editmargin{font-size:22px; color:#00aed0 !important;}
.savemargin{font-size:26px; color:#00aed0 !important;}
.removemargin2{right:13px; text-align:right; position:relative; font-size:22px; color:#333 !important;margin-top:12px;}	

.modal input {-moz-border-radius: 5px;-moz-transition: all .7s ease;-o-transition: all .7s ease;-webkit-border-radius: 20px;-webkit-transition: all .7s ease;border: 1px solid #d1d1d1;border-radius: 5px;padding: 10px 6px;transition: all .7s ease;background: #f8f7fa;width: 80%;line-height: 1.2rem;font-size:14px !important;}
.screenhead-col{width:75%; float:left; margin:auto; margin-left:0%;}
.screenhead-col2{width:18%; float:right; margin:auto; margin-left:0%; text-align:right;margin-top:0px;margin-bottom:0px;}
.screenapprove-scroll{overflow-x: hidden;min-height: 200px; max-height: 200px;}
/* //////////////new page end css///////// */

/* ////////////////screen 4 start//////// */
.screen4-main1{width:100%; float:left; margin:0 auto; overflow-x: hidden;min-height:450px; max-height:650px; margin-top:1%; margin-bottom:0px; padding: 0px 0px 0px 0px; margin-left:0%; margin-right:0%; background-color:#FFFFFF;border-radius:3px !important;/* box-shadow: 0px 1px 6px #d3d4d5; */ }
.screen4-main{width:40%; float:left; margin:0 auto; margin-left:30%; margin-right:30%; margin-top:4%;}
.screen4-input{width:96% !important;text-align:left; height:40px; font-size:15px;background-color:#FFFFFF !important;border-radius:2px !important;border: 1px solid #adaeb0 !important;}
.screen4-input2{width:100% !important;text-align:left; height:100px; font-size:15px;background-color:#FFFFFF !important;border-radius:2px !important;border: 1px solid #adaeb0 !important;}
.screen4-head{margin-left:0px; color:#333 !important; font-size:18px; margin-top:0px; line-height:1.3;}
.form-top {overflow: hidden;padding: 0 25px 15px 25px;background: #fff;-moz-border-radius: 4px 4px 0 0;-webkit-border-radius: 4px 4px 0 0;border-radius: 4px 4px 0 0;text-align: left;}
.form-bottom {padding: 0px 25px 30px 25px; -moz-border-radius: 0 0 4px 4px;-webkit-border-radius: 0 0 4px 4px;border-radius: 0 0 4px 4px;text-align: left;}
.bottumtext{font-size:14px; color:#c23131;font-style:italic;}
.bottumtext2{font-size:14px; color:#383e4e;font-style:italic;}
.imppopup input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {background-color: transparent;border: none;border-bottom: 1px solid #9e9e9e;border-radius: 0;outline: none;height:40px;width: 100%;font-size: .8rem;margin: 0 0 0px 0;padding: 0 6px;box-shadow: none;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;transition: all .3s;}
.imppopup input[type="text"]:disabled, select:disabled, input[type="text"][readonly="readonly"], input[type="password"]:disabled, input[type="password"][readonly="readonly"], input[type="email"]:disabled, input[type="email"][readonly="readonly"], input[type="url"]:disabled, input[type="url"][readonly="readonly"], input[type="time"]:disabled, input[type="time"][readonly="readonly"], input[type="date"]:disabled, input[type="date"][readonly="readonly"], input[type="datetime-local"]:disabled, input[type="datetime-local"][readonly="readonly"], input[type="tel"]:disabled, input[type="tel"][readonly="readonly"], input[type="number"]:disabled, input[type="number"][readonly="readonly"], input[type="search"]:disabled, input[type="search"][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {color: #333 !important;text-align: center;border-bottom: 0px dotted #eee !important;padding:5px 0px !important;background: transparent !important;border: 0px solid #e5e5e5 !important;-webkit-appearance: none; -moz-appearance: none; appearance: none;height:39px;}
.screen-addinputcol2 input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {background-color: transparent;border: none;border-bottom: 1px solid #9e9e9e;border-radius: 0;outline: none;width: 100%;height:39px;font-size: .8rem;margin:0px 0 0px 0;padding: 0 5px;margin-top:8px;box-shadow: none;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;transition: all .3s;}
.imppopup .dateport-input {width: 95% !important;padding: 0px 15px 0px 6px !important;background: url(https://i-mojo.geojit.com/date-icon.png) no-repeat 96% 12px #fff !important;text-align: left !important;}
.imppopup .portinput1 {width: 91% !important;text-align: right;font-size: 15px;background-color: #FFFFFF !important;border-radius: 2px !important;border: 1px solid #adaeb0 !important;top:2px;position: relative;}
.imppopup  select.input-sm {height: 41px !important;line-height: 30px;}
.imppopup  .inputcol2 {max-width: 90%;min-width: 95%;height: 40px !important;text-align: left !important;background-color: #FFFFFF !important;border-radius: 2px;border: 1px solid #adaeb0;font-size: 14px;color:#333;}
.screen-buy-freez-new {height: 39px;padding: 10px 8px 0px 0px;border: 0px solid #adaeb0 !important; text-align: left; margin-left: 0px;color: #333 !important;}

@media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1){

.screen-table {
    width: 99%;
    float: left;
    margin: 0 auto;
    overflow-x: hidden;
    height:235px;    
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 10px;
}
}

@media only screen and (max-width:1205px) {	
	.col-midd08{width:98%; float:left; margin:auto; margin-left:1%;}
	.col-midd01{width:27%; float:left; margin:auto; margin-left:1%;margin-top:0px;}
	.col-midd02{width:6%; float:left; margin:auto; margin-left:2%;margin-top:0px;}
	.col-midd03{width:16%; float:left; margin:auto; margin-left:1%;margin-top:0px;position:relative;}
	.col-midd04{width:12%;; float:left; margin:auto; margin-left:1%;margin-top:0px;}
	.col-midd05{width:22%; float:left; margin:auto; margin-left:2%;margin-top:0px;}
	.col-midd06{width:1%; float:left; margin:auto; margin-left:1%;margin-top:3px;}
	.col-midd07{width:9%; float:left; margin:auto; margin-left:0%;}
	.col-middtop07{width:9%; float:left; margin:auto; margin-left:0%;}
	.portfolio-textmatgin{text-align:center !important; margin-top:8%;}
	.portfolio-textmatgin3{text-align:center !important; margin-top:8%;}
}

@media only screen and (min-width:750px) and (max-width:1024px) {
	.addpopup .inputcol2 {max-width: 90%;	min-width: 95%;	height: 39px !important;text-align: left !important;background-color: #FFFFFF;border-radius: 2px;border: 1px solid #adaeb0;font-size: 14px;}
}
@media only screen and (min-width:750px) and (max-width:960px) {
	.addpopup .inputcol2 {max-width: 90%; min-width: 95%; height: 36px !important; text-align: left !important; background-color: #FFFFFF; border-radius: 2px; border: 1px solid #adaeb0; font-size: 14px;}
	.addpopup .modal {left: 0; right: 0;padding: 0; width: 96%;margin: 0 auto; overflow: visible !important; border-radius: 2px; will-change: top, opacity; font-size: 1rem !important; background-color: transparent; margin-top: 20px;}
	.smallpopup {text-align: center !important;width: 80% !important;float: left;margin: auto;margin-left: 10%;margin-top: 4%;	z-index: 1155 !important;min-height: 120px !important;background: #FFF !important;}
}


@media only screen and (max-width: 1024px) {	
	.portfolio-boxarea{background-color:#FFFFFF; padding:10px; height:340px;border-radius: 3px;margin-bottom:15px;}
	.portfolioicon{text-align:center !important; margin-top:3%;}
	.portfolio-textmatgin{text-align:center !important; margin-top:5%;}
	.portfolio-textmatgin3{text-align:center !important; margin-top:5%;}
	.scr-col4{width:16%; float:left; margin:0 auto; margin-left:2%; text-align:center;}
	.scr-col2{width:30%; float:left; margin:0 auto; margin-left:1%;position: relative; text-align:center;}
	/* .scr-col3{width:17%; float:left; margin:0 auto; margin-left:1%;position: relative; text-align:center;} */
	.portfoliomain{width:98%; float:left; margin:0 auto; margin-left:1%; margin-right:1%; margin-top:14%; margin-bottom:5%;}
	.portfoliopopuparea1{width:98% !important; margin:0 auto; margin-top:7%;z-index:99999999;}
	.portfoliopopupsamllarea{width:100% !important; margin:0 auto; margin-top:7%;z-index:99999999 !important;}
	.portfoliopopuparea{width:98% !important; margin:0 auto; margin-top:7%;z-index:99999999;}
	.screen-middcol3{width:70%; float:left; margin:0 auto; margin-left:15%; margin-top:5%;position: relative;}
	.screen-head{margin-left:0px; color:#333 !important; font-size:18px; margin-top:5%; line-height:1.3;}
	.screen-radio{width:auto; float:left; margin:0 auto; margin-left:37%; margin-top:2%; text-align:center !important;}
	.screen-search{width:77% !important;text-align:left; height:17px !important;text-align:left !important; font-size:15px;background-color:#FFFFFF !important;border-radius:2px !important;border: 1px solid #adaeb0 !important;}
	.port-search{width: 93% !important; border-radius:0px !important;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;color: #000000;padding: 8px 15px 8px 0px !important;  background: url(https://i-mojo.geojit.com/search_icon.png) no-repeat 4px 12px #fff !important;height:30px !important;border:none !important;box-sizing: content-box !important;  outline: none !important;  margin: 0 0 0px 0 !important;}
	.col-midd08{width:98%; float:left; margin:auto; margin-left:1%;}
	.col-midd01{width:27%; float:left; margin:auto; margin-left:1%;margin-top:0px;}
	.col-midd02{width:6%; float:left; margin:auto; margin-left:2%;margin-top:0px;}
	.col-midd03{width:16%; float:left; margin:auto; margin-left:1%;margin-top:0px; position:relative;}
	.col-midd04{width:12%;; float:left; margin:auto; margin-left:2%;margin-top:0px;}
	.col-midd05{width:20%; float:left; margin:auto; margin-left:2%;margin-top:0px;}
	.col-midd06{width:1%; float:left; margin:auto; margin-left:1%;margin-top:3px;}
	.col-midd07{width:9%; float:left; margin:auto; margin-left:0%;}
	.col-middtop07{width:9%; float:left; margin:auto; margin-left:0%;}
	.scr-col6{width:9%; float:left; margin:0 auto; margin-left:1%; text-align:right;}
	.inputcol2{max-width:100%; min-width:90%;height:40px !important; text-align:left !important; background-color:#FFFFFF;border-radius: 2px;border: 1px solid #adaeb0;font-size:14px;}
	.dropdown, .dropup {	position: relative;	top:4px;}
	.portadd{height:44px;}
	.screen-top2{top:3px;position: relative;}
	.portdropdown{min-width:100% !important; overflow-y: scroll;overflow-x: hidden; max-height:120px;}
	input[type="text"]:disabled, input[type="text"][readonly="readonly"], input[type="password"]:disabled, input[type="password"][readonly="readonly"], input[type="email"]:disabled, input[type="email"][readonly="readonly"], input[type="url"]:disabled, input[type="url"][readonly="readonly"], input[type="time"]:disabled, input[type="time"][readonly="readonly"], input[type="date"]:disabled, input[type="date"][readonly="readonly"], input[type="datetime-local"]:disabled, input[type="datetime-local"][readonly="readonly"], input[type="tel"]:disabled, input[type="tel"][readonly="readonly"], input[type="number"]:disabled, input[type="number"][readonly="readonly"], input[type="search"]:disabled, input[type="search"][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"]{color: #333333 !important;-webkit-text-fill-color: #333333 !important; text-align:center !important;  border-bottom: 0px dotted #eee !important; padding: 10px 0px !important; background: transparent !important;  border:0px solid #e5e5e5 !important;}
	input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {background-color: transparent;border: none;border-bottom: 1px solid #9e9e9e;border-radius: 0;outline: none;	width: 100%;font-size: .8rem;margin:9px 0 0px 0;padding: 0; color:#333333 !important; box-shadow: none;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;transition: all .3s}
	.botmiddborder{width:56%; float:left; margin:auto; border-bottom:1px solid #ccc; margin-top:6%;}
	.portaddbutton {	width: 21%;	float: left;margin: auto;margin-top: 15px;margin-left: 10px;}
	.save-icon{color:#00b1d1; font-size:26px;margin-top:4px;}
	.smallpopup{text-align:center !important;    width: 60% !important; float:left; margin:auto; margin-left:20%; margin-top:8%; z-index:1155 !important; height:100%;}
}


@media only screen and (max-width: 750px) {	
	.portfoliopopuparea1  .grey-cir-btn {background: #fff; border-radius: 20px; padding: 7px 4px !important;  font-size: .9rem; border: 1px solid #a4adb4; color: #333;  margin: 0px;  text-transform: uppercase;}
	.addpopup .scr-col1 select { /* -webkit-appearance: none;-moz-appearance: none; */ text-indent: 1px; text-overflow: '';}
	.addpopup .scr-col3 input[type="text"]:disabled, input[type="text"][readonly="readonly"], input[type="password"]:disabled, input[type="password"][readonly="readonly"], input[type="email"]:disabled, input[type="email"][readonly="readonly"], input[type="url"]:disabled, input[type="url"][readonly="readonly"], input[type="time"]:disabled, input[type="time"][readonly="readonly"], input[type="date"]:disabled, input[type="date"][readonly="readonly"], input[type="datetime-local"]:disabled, input[type="datetime-local"][readonly="readonly"], input[type="tel"]:disabled, input[type="tel"][readonly="readonly"], input[type="number"]:disabled, input[type="number"][readonly="readonly"], input[type="search"]:disabled, input[type="search"][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {color: #333 !important;text-align: center;border-bottom: 0px dotted #eee !important;padding:0px 5px !important;background: transparent !important;border: 0px solid #e5e5e5 !important;text-align:left !important;}
	.imppopup input[type="text"]:disabled, select:disabled, input[type="text"][readonly="readonly"], input[type="password"]:disabled, input[type="password"][readonly="readonly"], input[type="email"]:disabled, input[type="email"][readonly="readonly"], input[type="url"]:disabled, input[type="url"][readonly="readonly"], input[type="time"]:disabled, input[type="time"][readonly="readonly"], input[type="date"]:disabled, input[type="date"][readonly="readonly"], input[type="datetime-local"]:disabled, input[type="datetime-local"][readonly="readonly"], input[type="tel"]:disabled, input[type="tel"][readonly="readonly"], input[type="number"]:disabled, input[type="number"][readonly="readonly"], input[type="search"]:disabled, input[type="search"][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {
    color: #333 !important; text-align: center;  border-bottom: 0px dotted #eee !important;  padding: 5px 5px !important;  background: transparent !important;  border: 0px solid #e5e5e5 !important;  -webkit-appearance: none;  appearance: none;    height: 21px;}
	.portinput5 {width: 55% !important;height:15px !important;text-align: left !important;font-size: 15px;background-color: #FFFFFF !important;border-radius: 2px !important;border: 1px solid #adaeb0 !important;margin: 4px 0px !important;}
	.screen-stepsul {margin: 0px 0; margin-left: 0;}
    .screen-stepsul li {margin-bottom:25px;margin-left:15%;margin-top:10px;}
	.modal-open .modal {overflow-x: hidden;overflow-y: hidden;}
	/* ////////////////screen1///////////////////////////// */   
	.screen-middcolleft{width:50%; float:left; margin:0 auto; margin-left:0%; margin-top:0%;position: relative; display:none;}
	.screen-middcolright{width:100%; float:left; margin:0 auto; margin-left:0%; margin-top:0%;position: relative;}	
	.screen-col5{width:100%; float:left; margin:auto; margin-left:0%; margin-right:0%; margin-bottom:2%;}
	.screen-uploadhead{width:100%; float:left; margin:auto; margin-left:0%;margin-bottom:12px;}
	.screenpopuphead3{width:100%; float:left; margin:0 auto;margin-top:8%;margin-bottom:2%; text-align:center;}	
    .modelsmallarea {padding: 11px !important; text-align: left; border-bottom: 1px solid #efefef;  font-size: 13px; color: #333;font-weight: 400;}	
	.screen-table-content{width:98%; float; left; margin:0 auto;margin-left:1%; margin-right:1%;margin-top:4%;}
    .colmoarea04{width:100%; float:left; margin:0 auto; border:0px solid #00aed0; padding:6px 0px 0px 6px;box-shadow: 0px 4px 15px 0px #bfbec0; position:relative;}	
	.port-auto-search {cursor: pointer; position: absolute; z-index: 999999;}
	.port-auto-search {background:#fff;padding:10px;-moz-border-radius:10px;-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.15) inset;-moz-transition: all .7s ease;-o-transition: all .7s ease;-webkit-border-radius: 10px;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;-webkit-transition: all .7s ease;border: 1px solid #d1d1d1;border-radius: 10px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;transition: all .7s ease;width:100%;position: absolute;z-index:999999;margin-top:auto;height: 250px;overflow-y: auto;}
	.port-auto-search-new {background:#fff;padding:10px;-moz-border-radius:10px;-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.15) inset;-moz-transition: all .7s ease;-o-transition: all .7s ease;-webkit-border-radius: 10px;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;-webkit-transition: all .7s ease;border: 1px solid #d1d1d1;border-radius: 10px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;transition: all .7s ease;width:220px;position: absolute;z-index:999999;margin-top:auto;height: 250px;overflow-y: auto;}
	.portfolioicon{text-align:center !important; margin-top:5%;}
	.portfoliopopuparea1{width:96% !important; margin:0 auto; margin-top:11%;z-index:99999999;}
	.portfoliopopupsamllarea{width:96% !important; margin:0 auto; margin-top:7%;z-index:99999999 !important;}
	.portfoliopopuparea{width:100% !important; margin:0 auto; margin-top:14%;z-index:99999999;}
	.screen-upmain{width:100%; float:left; margin:0 auto; /* overflow-x: hidden;min-height:450px; max-height:650px; */ margin-top:0%; margin-bottom:0px; padding: 0px 0px 0px 0px; margin-left:0%; margin-right:0%; background-color:#FFFFFF;border-radius:3px !important;/* box-shadow: 0px 1px 6px #d3d4d5; */ }
	.portfoliomain{width:98%; float:left; margin:0 auto; margin-left:1%; margin-right:1%; margin-top:28%; margin-bottom:5%;}
	.portfolio-boxarea{background-color:#FFFFFF; padding:10px; height:auto;border-radius: 3px; margin-bottom:10px;}
	.portfoliohead{font-size:20px; font-weight:700; text-align:center; color:#FFFFFF; margin-bottom:5%; line-height:1.3;}	
	.addinputcol{width:100%; float:left; margin:auto;/* border-top:1px solid #cdcccf; */padding:2px 0px 6px 0px !important;/* box-shadow: 0px 1px 6px #d3d4d5; */margin-top:0px;}
	.addinputcol2{width:100%; float:left; margin:auto;border-top:1px solid #00aed0;padding:2px 0px 0px 0px !important;box-shadow: 0px 1px 6px #d3d4d5;margin-top:0px;}
	.colmoarea03{width:100%; float:left; margin:0 auto; border:0px solid #00aed0;/* padding:15px 0px 0px 0px;  */margin-bottom:10px;}
	.colomarea02{width:100%; float:left; margin:0 auto; margin-top:10px;/* overflow-x: hidden;min-height:255px; max-height:400px; */ margin-bottom:10px; padding: 0px 0px 0px 0px; margin-left:0%; margin-right:0%; background-color:#FFFFFF;border-radius:3px !important;/* box-shadow: 0px 1px 6px #d3d4d5; */  position:relative;}
	.colomarea-top{width:96%; float:left; margin:0 auto; display:none; margin-top:0px; margin-bottom:10px; padding:15px 0px 15px 0px; margin-left:2%; margin-right:2%; border-radius:3px !important;/* box-shadow: 0px 1px 20px #d3d4d5;  */}
	.portinputhead{width:96%;font-size:14px; font-weight:600; display:block; margin-left:0%;margin-top:0px; text-align:left; margin-bottom:3px;}
	.portinputhead2{width:98%;font-size:14px; font-weight:600; display:block; margin-left:0%; text-align:right; margin-bottom:3px;}
	.portstockpadd{padding:0px 0px;}
	.col-midd08{width:96%; float:left; margin:auto; margin-left:2%;margin-right: 1%;}
	.col-midd01{width:80%; float:left; margin:auto; margin-left:0%;margin-right: 1%;}
	.col-midd02{width:47%; float:left; margin:auto; margin-left:2%;margin-right: 1%;margin-bottom:10px; text-align:left;}
	.col-midd03{width:47%; float:left; margin:auto; margin-left:2%;margin-right: 1%;margin-bottom:10px; text-align:left;position:relative;}
	.col-midd04{width:46%;; float:left; margin:auto; margin-left:2%;margin-right: 1%;margin-bottom:10px; text-align:left;}
	.col-midd05{width:47%; float:left; margin:auto; margin-left:2%;margin-right: 1%;margin-bottom:10px; text-align:left;}
	.col-midd06{width:1%; float:left; margin:auto; margin-left:0%;margin-top:3px;}
	.col-midd07{width:100%; float:left; margin:auto; margin-left:0%; text-align:right;padding:7px; margin-top:0%; margin-bottom:-5px;border-top: 1px solid #f1f1f1;}
	.col-middtop07{width:96%; float:left; margin:auto; margin-left:0%; text-align:right; margin-top:0%; margin-bottom:10px;}
	.portbottomarea{width:94%; float:left; margin:0 auto; margin-bottom:15px; margin-left:1%;}
	.portsavebutton{width:10%; float:left; margin:auto; margin-left:0%; margin-top:15px;}
	.portsave{height:50px;}
	.portadd{height:40px;}
	.botmiddborder{width:20%; float:left; margin:auto; border-bottom:1px solid #ccc; margin-top:14%;margin-left: 22%; display:none;}
	.portaddbutton{width:47%; float:right; margin:auto; margin-top:20px;}
	.inputcol2{max-width:99%; min-width:99%;height:40px !important; text-align:left !important; background-color:#FFFFFF;border-radius: 2px;border: 1px solid #adaeb0;font-size:14px;}
	.smallpopup{text-align:center !important;     width: 64% !important; float:left; margin:auto; color:#FFF; margin-left:18%; margin-top:20%; z-index:1155 !important;}
	.stockname{margin-left:8px; color:#00acd0 !important; margin-bottom:10px; font-size:18px !important; font-weight:600 !important;}
	.port-search{width:85% !important; text-align:left !important; border-radius:0px !important;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;color: #000000;padding: 8px 15px 8px 0px !important;  background: url(https://i-mojo.geojit.com/search_icon.png) no-repeat 2px 16px #fff !important;height:30px !important;border:none !important;box-sizing: content-box !important;  outline: none !important;  margin: 0 0 0px 0 !important;}
	.dateinputcol{width:63%;}
	.removemargin{margin-left:15px; position:relative; font-size:22px; color:#ff0000;}
	.editmargin{font-size:22px; color:#ff0000;}
	.removemargin2{margin-left:0px; text-align:right; position:relative; font-size:22px; color:#ff0000 !important;}
	.blu-cir-btn, .grey-cir-btn {padding:8px 20px; font-size: .9rem;margin: 5px;} 	
	.popuphead{padding: 6px;border-bottom:3px solid #00aed0;background: #383e4e;}
	.portinputdate{width:100% !important;text-align:left; font-size:15px;background-color:#FFFFFF !important;border-radius:2px !important;border: 1px solid #adaeb0 !important;}
	.mainscrollarea{overflow-x: hidden; min-height: 270px;max-height: 450px; padding:0px 5px;}
	.rem-editmargin{position: absolute; width: 100%;text-align: right; top:4%;bottom: 0;right:5%;}
	.rem-editmargin2{position: absolute; width: 100%;text-align: right; top:44%;bottom: 0;right:5%;}
	
	/* ////////////////screen2///////////////////////////// */	
	.screen3-port-search{width:93% !important; border-radius:0px !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;color: #000000;padding: 8px 15px 8px 4px !important;  background: url(https://i-mojo.geojit.com/search_icon.png) no-repeat 98% 12px #fff !important;height:18px !important;border:none;box-sizing: content-box !important;  outline: none !important;  margin: 0 0 0px 0 !important;}
	.screen-main{width:100%; float:left; margin:0 auto; overflow-x: hidden;min-height:450px; max-height:450px; margin-top:0%; margin-bottom:0px; padding: 0px 0px 0px 0px; margin-left:0%; margin-right:0%; background-color:#FFFFFF;border-radius:3px !important;/* box-shadow: 0px 1px 6px #d3d4d5; */ }
	.screen-main2{width:94%; float:left; margin:0 auto;margin-top:0%; margin-bottom:0px; padding: 0px 0px 0px 0px; margin-left:3%; margin-right:0%; background-color:#FFFFFF;}
	.screen-middcol1{width:100%; float:left; margin:0 auto; margin-left:0%; margin-right:0%; margin-top:4%;}
	
	.screen-middcol3{width:98%; float:left; margin:0 auto; margin-left:3%; margin-right:0%; margin-top:5%;position: relative;}
	.screen-inputleft{min-width:100%; float:left; margin:0 auto; margin-left:0%; margin-right:0%; text-align:center;}
	.screen-inputright{width:100%; float:left; margin:0 auto; margin-left:0%; margin-right:0%;  margin-top:15px;margin-bottom:15px;}
	.screen-col2{width:19%; float:left; margin:auto; margin-left:0%;}
	.screen-head{margin-left:0px; color:#333 !important; font-size:18px; margin-top:5%;}
	.screen-head2{margin-left:0px; color:#ff3400 !important; font-size:18px; margin-top:2%; margin-bottom:15px; margin-left:10px;}
	.screen-head3{margin-left:0px; color:#76d0ad !important; font-size:18px; margin-top:2%; margin-bottom:15px; margin-left:10px;}
	.scr-col1{width:37%; float:left; margin:0 auto; margin-left:2%; margin-top:7px;}
	.scr-col2{width:56%; float:left; margin:0 auto; margin-left:2%; margin-top:10px; margin-bottom:15px;position: relative;}
	.scr-col3{width:46%; float:left; margin:0 auto; margin-left:2%;position: relative; text-align:left;}
	.scr-col4{width:25%; float:left; margin:0 auto; margin-left:3%; text-align:right;}
	.scr-col5{width:25%; float:left; margin:0 auto; margin-left:4%; text-align:right;}
	.text-dispany{display:none;}
	.scr-col6{width:94%; float:left; margin:0 auto; margin-left:1%; margin-top:0%; text-align:right;}
	.screen2-col6{width:97%; float:left; margin:0 auto; margin-left:1%; position:relative; margin-top:0%;text-align:right;}
	.input-bootom2{width:98%; float:left; margin:auto;margin-left:2%;margin-top:0; margin-bottom:15px;}
	.screen-middcol2{width:100%; float:left; margin:0 auto; margin-left:0%; margin-right:0%; margin-top:8%; margin-bottom:5%;}
	.stockname2{margin-left:0px; color:#00acd0 !important; margin-bottom:10px; font-size:18px !important; font-weight:600 !important;}
	.screen-middcol5{width:92%; float:left; margin:0 auto;background:#FFF; margin-left:4%; margin-right:0%; margin-top:-2%; margin-bottom:15px; text-align:center;}
	.popuphead .close {/* width:0;  */height:43px;float: right; margin-right:-1px !important; margin-top:-10px;text-shadow: 0 0px 0 #fff;filter: alpha(opacity=20); opacity: 1;background: url(https://i-mojo.geojit.com/close-icon.png) no-repeat;}
	.screenpopuphead{width:100%; float:left; margin:0 auto;margin-top:12%;}
	.screen-slide{width:90%; float:left; margin:0 auto; margin-left:5%; margin-top:0%; overflow:none !important; margin-bottom:5%;}
	.slidepopup{margin-right: -20px;top:30px;position: relative; z-index: 999999 !important;}
	.carousel-control .fa-chevron-circle-left,.carousel-control .icon-prev {left:-28px;}
	.carousel-control .fa-chevron-circle-right,.carousel-control .icon-next {right:-30px;}
	.screenhead-col{width:100%; float:left; margin:auto; margin-left:0%;}
	.screenhead-col2{width:93%; float:left; margin:auto; margin-left:5%; text-align:left; margin-bottom:5px;margin-top;10px;}
	.screen-main4{width:96%; float:left; margin:auto; margin-left:2%;/*  background:#f8f2f2; */ padding:0px 0px;margin-bottom:10px;}
	.screen-main5{width:96%; float:left; margin:auto; margin-left:2%;/*  background:#f2fbf8; */ padding:0px 0px;margin-bottom:10px;}
	.screen-head1{margin-left:12px; color:#333 !important; font-size:26px; margin-top:10%;}
	.screen-main3{width:95%; float:left; margin:0 auto; /* overflow-x: hidden;min-height:350px; max-height:450px; */  margin-top:0%; margin-bottom:0px; padding: 0px 0px 0px 0px; margin-left:3%; margin-right:0%; background-color:#FFFFFF;border-radius:0px !important;box-shadow:0px 0px 0px #ffffff;}
	.screen-main3-new{width:100%; float:left; margin:0 auto; /* overflow-x: hidden;min-height:350px; max-height:450px; */  margin-top:0%; margin-bottom:0px; padding: 0px 0px 0px 0px; margin-left:0%; margin-right:0%; background-color:#FFFFFF;border-radius:0px !important;box-shadow: 4px 0px 6px #ffffff;}
	.screen-addinputcol{width:100%; float:left; margin:auto;border: 1px solid #d47171;padding:0px 0px 0px 0px !important;margin-top:0px;background: #f8f2f2;margin-bottom: 10px;}
	.screen-addinputcol2{width:100%; float:left; margin:auto;border:1px solid #78cca8;padding:0px 0px 0px 0px !important; background:#f2fbf8;margin-top:0px;margin-bottom: 10px;}
	.screeninputbrowse{border: 1px solid #7a7e89 !important;height:23px !important; width: 99% !important; margin-top: 0px; border-radius: 2px !important; padding: 0px 44px 0px -1px !important;right: 10px; padding: 5px !important;}
	.dateport-input {width: 90% !important;padding: 8px 15px 8px 0px !important;	background: url(https://i-mojo.geojit.com/date-icon.png) no-repeat 96% 9px #fff !important;text-align:left !important;}
	.portdropdown{min-width:100% !important; overflow-y: scroll;overflow-x: hidden; max-height:120px;}
	.portdropsubdown{margin-left:-38px;width:100%;margin-top: -4px;}
	.screen-top2{top:3px;position: relative;}
	.top-sec-border{border: 1px solid #00aed0;}	
	.smallpopup2{text-align:center !important;width:96%; float:left; margin:auto; margin-left:2%; margin-top:8%; z-index:1155 !important; height:100%;}
	.bottom-next-arrow{position: relative;margin-left:2px;top:-1px;}	
}
@media only screen and (max-width: 750px) {	
	.screen-radio{width:auto;margin-left:20%; margin-right:0%; margin-top:4%;}
}

@media only screen and (max-width:366px) {	
	.screen-radio{width:auto;margin-left:10%; margin-right:0%; margin-top:4%;}
}

.addpopup .portfoliopopuparea{width:85% !important; margin:0 auto; margin-top:12%;z-index:99999999;}
/* ////////////////////new page end///////////////////////// */
@media only screen and (max-width:1205px) {	
	.addpopup .portfoliomain{width:98%; float:left; margin:0 auto; margin-left:1%; margin-right:1%; margin-top:14%; margin-bottom:5%;}
	.addpopup .portfoliopopuparea1{width:98% !important; margin:0 auto; margin-top:7%;z-index:99999999;}
	.addpopup .portfoliopopuparea{width:85% !important; margin:0 auto; margin-top:12%;z-index:99999999;}
	.addpopup .portfoliopopupsamllarea{width:100% !important; margin:0 auto; margin-top:7%;z-index:99999999 !important;}
	.addpopup .screen-middcol3{width:70%; float:left; margin:0 auto; margin-left:15%; margin-top:5%;position: relative;}
	.addpopup .screen-head{margin-left:0px; color:#333 !important; font-size:18px; margin-top:5%; line-height:1.3;}
	.addpopup .screen-radio{width:auto; float:left; margin:0 auto; margin-left:38%; margin-top:2%; text-align:center !important;}
	.addpopup .screen-search{width:85% !important;text-align:left; height:17px !important; text-align:left !important;font-size:15px;background-color:#FFFFFF !important;border-radius:2px !important;border: 1px solid #adaeb0 !important;}
	.addpopup .port-search{width: 93% !important; border-radius:0px !important;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;color: #000000;padding: 8px 15px 8px 0px !important;  background: url(https://i-mojo.geojit.com/search_icon.png) no-repeat 4px 12px #fff !important;height:30px !important;border:none !important;box-sizing: content-box !important;  outline: none !important;  margin: 0 0 0px 0 !important;}
	.col-midd08{width:98%; float:left; margin:auto; margin-left:1%;}
	.col-midd01{width:27%; float:left; margin:auto; margin-left:1%;margin-top:0px;}
	.col-midd02{width:6%; float:left; margin:auto; margin-left:2%;margin-top:0px;}
	.col-midd03{width:16%; float:left; margin:auto; margin-left:1%;margin-top:0px;position:relative;}
	.col-midd04{width:12%;; float:left; margin:auto; margin-left:1%;margin-top:0px;}
	.col-midd05{width:22%; float:left; margin:auto; margin-left:2%;margin-top:0px;}
	.col-midd06{width:1%; float:left; margin:auto; margin-left:1%;margin-top:3px;}
	.col-midd07{width:9%; float:left; margin:auto; margin-left:0%;}
	.addpopup .col-middtop07{width:9%; float:left; margin:auto; margin-left:0%;}
	.addpopup .portfolio-textmatgin{text-align:center !important; margin-top:8%;}
	.addpopup .portfolio-textmatgin3{text-align:center !important; margin-top:8%;}
}

@media only screen and (max-width: 1024px) {
	.screen-addinputcol2 {width: 100%;float: left;margin: auto;background: #f2fbf8;border-bottom: 1px solid #78cca8;    border-left: 1px solid #78cca8;    border-right: 1px solid #78cca8;    padding: 2px 0px 2px 0px !important;    rgin-top: 0px;}
	.addpopup .addinputcol {    width: 100%;    float: left;    margin: auto;    border-top: 0px solid #cdcccf;    padding: 0px 0px 3px 0px !important;    margin-top: 0px;}
	.close-blk {	top: -20px;right:4px !important;background: #656d73;color: #fff;padding: 5px 10px;border-radius: 50%;border: 2px solid #fff;position: absolute;z-index: 99999999999;}
	.grey-cir-btn {padding: 7px 25px;font-size: .9rem;margin: 5px;}
	.addpopup .portfolio-boxarea{background-color:#FFFFFF; padding:10px; height:340px;border-radius: 3px;margin-bottom:15px;}
	.addpopup .portfolioicon{text-align:center !important; margin-top:3%;}
	.addpopup .portfolio-textmatgin{text-align:center !important; margin-top:5%;}
	.addpopup .portfolio-textmatgin3{text-align:center !important; margin-top:5%;}
	.addpopup .scr-col4{width:16%; float:left; margin:0 auto; margin-left:2%; text-align:center;}
	.addpopup .scr-col2{width:30%; float:left; margin:0 auto; margin-left:2%;position: relative; text-align:center;}
	.screen-input2 {width: 100% !important; text-align: left; height: 35px; font-size: 15px; background-color: #FFFFFF !important; border-radius: 2px !important;  border: 1px solid #adaeb0 !important; margin-top: 0px !important;}
	/* .scr-col3{width:17%; float:left; margin:0 auto; margin-left:1%;position: relative; text-align:center;} */
	.addpopup .portfoliomain{width:98%; float:left; margin:0 auto; margin-left:1%; margin-right:1%; margin-top:14%; margin-bottom:5%;}
	.addpopup .portfoliopopuparea1{width:98% !important; margin:0 auto; margin-top:7%;z-index:99999999;}
	.addpopup .portfoliopopupsamllarea{width:100% !important; margin:0 auto; margin-top:7%;z-index:99999999 !important;}
	.addpopup .portfoliopopuparea{width:98% !important; margin:0 auto; margin-top:7%;z-index:99999999;}
	.addpopup .screen-middcol3{width:70%; float:left; margin:0 auto; margin-left:15%; margin-top:5%;position: relative;}
	.addpopup .screen-head{margin-left:0px; color:#333 !important; font-size:18px; margin-top:5%; line-height:1.3;}
	.addpopup .screen-radio{width:auto; float:left; margin:0 auto; margin-left:37%; margin-top:2%; text-align:center !important;}
	.screen-addinputcol2 input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {    background-color: transparent;    border: none;    border-bottom: 1px solid #9e9e9e;    border-radius: 0;    outline: none;    width: 100%;    height: 35px;    font-size: .8rem;    margin: 0px 0 0px 0;    padding: 0 5px;    margin-top: 8px;    box-shadow: none;    -webkit-box-sizing: content-box;    -moz-box-sizing: content-box;    box-sizing: content-box;    transition: all .3s;}
	.addpopup .screen-search{width:88% !important;text-align:left; height:19px !important;text-align:left !important; font-size:15px;background-color:#FFFFFF !important;border-radius:2px !important;border: 1px solid #adaeb0 !important;}
	.addpopup .port-search{width: 95% !important; border-radius:0px !important;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;color: #000000;padding: 8px 15px 8px 25px !important;  background: url(https://i-mojo.geojit.com/search_icon.png) no-repeat 4px 12px #fff !important;height:30px !important;border:none !important;box-sizing: content-box !important;  outline: none !important;  margin: 0 0 0px 0 !important;}
	.col-midd08{width:98%; float:left; margin:auto; margin-left:1%;}
	.col-midd01{width:27%; float:left; margin:auto; margin-left:1%;margin-top:0px;}
	.col-midd02{width:6%; float:left; margin:auto; margin-left:1%;margin-top:5px;}
	.col-midd03{width:16%; float:left; margin:auto; margin-left:1%;margin-top:5px; position:relative;}
	.col-midd04{width:12%;; float:left; margin:auto; margin-left:2%;margin-top:4px;}
	.col-midd05{width:20%; float:left; margin:auto; margin-left:1%;margin-top:1px;}
	.col-midd06{width:1%; float:left; margin:auto; margin-left:1%;margin-top:5px;}
	.col-midd07{width:9%; float:left; margin:auto; margin-left:0%;}
	.col-middtop07{width:9%; float:left; margin:auto; margin-left:0%;}
	.scr-col6{width:9%; float:left; margin:0 auto; margin-left:0%; text-align:right;}
	.inputcol2{max-width:100%; min-width:90%;height:36px !important; text-align:left !important; background-color:#FFFFFF;border-radius: 2px;border: 1px solid #adaeb0;font-size:14px;}
	.addpopup .dropdown, .dropup {	position: relative;	top:4px;}
	.portadd{height:44px;}
	.screen-top2{top:3px;position: relative;}
	.addpopup .scr-col2 input[type="text"]:disabled, input[type="text"][readonly="readonly"], input[type="password"]:disabled, input[type="password"][readonly="readonly"], input[type="email"]:disabled, input[type="email"][readonly="readonly"], input[type="url"]:disabled, input[type="url"][readonly="readonly"], input[type="time"]:disabled, input[type="time"][readonly="readonly"], input[type="date"]:disabled, input[type="date"][readonly="readonly"], input[type="datetime-local"]:disabled, input[type="datetime-local"][readonly="readonly"], input[type="tel"]:disabled, input[type="tel"][readonly="readonly"], input[type="number"]:disabled, input[type="number"][readonly="readonly"], input[type="search"]:disabled, input[type="search"][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {color: #333333 !important;-webkit-text-fill-color: #333333 !important;text-align: center !important;border-bottom: 0px dotted #eee !important;padding:4px 0px !important;	background: transparent !important;	border: 0px solid #e5e5e5 !important;}
	.addpopup .portdropdown{min-width:100% !important; overflow-y: scroll;overflow-x: hidden; max-height:120px;}
	.addpopup input[type="text"]:disabled, input[type="text"][readonly="readonly"], input[type="password"]:disabled, input[type="password"][readonly="readonly"], input[type="email"]:disabled, input[type="email"][readonly="readonly"], input[type="url"]:disabled, input[type="url"][readonly="readonly"], input[type="time"]:disabled, input[type="time"][readonly="readonly"], input[type="date"]:disabled, input[type="date"][readonly="readonly"], input[type="datetime-local"]:disabled, input[type="datetime-local"][readonly="readonly"], input[type="tel"]:disabled, input[type="tel"][readonly="readonly"], input[type="number"]:disabled, input[type="number"][readonly="readonly"], input[type="search"]:disabled, input[type="search"][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"]{color: #333333 !important;-webkit-text-fill-color: #333333 !important; text-align:center !important;  border-bottom: 0px dotted #eee !important; padding:0px 0px !important; background: transparent !important;  border:0px solid #e5e5e5 !important;}
	.addpopup input[type=text], select, input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {background-color: transparent;border: none;border-bottom: 1px solid #9e9e9e;border-radius: 0;outline: none;	width: 100%;font-size: .8rem;margin:9px 0 0px 0;padding: 0 4px; color:#333333 !important; box-shadow: none;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;transition: all .3s}
	.addpopup .botmiddborder{width:56%; float:left; margin:auto; border-bottom:1px solid #ccc; margin-top:6%;}
	.addpopup .portaddbutton {	width: 21%;	float: left;margin: auto;margin-top: 15px;margin-left: 10px;}
	.addpopup .save-icon{color:#00b1d1; font-size:26px;margin-top:4px;}
	.addpopup .grey-cir-btn {    background: #fff;    border-radius: 20px;    padding: 11px 14px !important;    font-size: .9rem;    border: 1px solid #a4adb4;    color: #333;    margin: 5px;    text-transform: uppercase;}
	.addpopup .portbottomarea .blu-cir-btn {    background: #00add1;    border: 1px solid #00a0c9;    padding: 5px 12px;    font-size: .9rem;    border-radius: 30px !important;    color: #FFF;    margin: 0px;    text-transform: uppercase;    font-weight: 500;}
	.addpopup .portinput1 {width: 91% !important; text-align: right;font-size: 15px;  background-color: #FFFFFF !important; border-radius: 2px !important; border: 1px solid #adaeb0 !important; top: 0; position: relative;}
}

@media only screen and (min-width:750px) and (max-width:960px) {
	.addpopup .removeicon {margin-left: 0; position: relative; font-size: 22px; color: #333; top: 0px;}
	.addpopup .botmiddborder {width: 55%; float: left; margin: auto;  border-bottom: 1px solid #ccc; margin-top: 6%;  margin-left: 2%;}
	.addpopup input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {height: 34px;}
	.col-midd02 {width: 6%;  float: left;  margin: auto;  margin-left: 1%;   margin-top: 5px;}
	.col-midd05 {width: 20%; float: left;  margin: auto;  margin-left: 1%;   margin-top: 1px;}
	.addpopup .grey-cir-btn {    background: #fff;    border-radius: 20px;    padding:6px 9px !important;    font-size: .9rem;    border: 1px solid #a4adb4;    color: #333;    margin: 5px;    text-transform: uppercase;}
	.addpopup .portinput1 {width: 87% !important;  text-align: right;  font-size: 15px; background-color: #FFFFFF !important; border-radius: 2px !important;border: 1px solid #adaeb0 !important; top: 0; position: relative;}
	/* .addpopup .modal-body { position: relative;   padding: 0px;    overflow: auto !important;  max-height: 374px !important;  overflow-x: hidden !important;} */
	/* .addpopup .modal {left: 0;right: 0;padding: 0;width: 99%;	margin: 0 auto;	overflow: visible !important;	border-radius: 2px;	will-change: top, opacity;	font-size: 1rem !important;	background-color: transparent;margin-top: -7%;}*/
	.screen-main {width: 100%;float: left;margin: 0 auto;	overflow-x: hidden;height: auto;max-height:450px;margin-top: 0%;	margin-bottom: 0px;	padding: 0px 0px 0px 0px;margin-left: 0%;margin-right: 0%;background-color: #FFFFFF;border-radius: 3px !important;}
 
 }
 
@media only screen and (max-width: 750px){
	.addpopup .col-midd03 .dropdown-menu {min-width: 302px;}
	.colomarea01 {width:100%; float:left; margin:auto;}
	.screen-input2 {width: 92% !important;}
	.portfoliopopuparea1 .modal-body .tab-content { padding: 8px; overflow-x: hidden; min-height: 320px; max-height:328px;}
	.portfoliopopuparea1 #tabcol .tabdropdown select {background: transparent !important;border-radius: 5px !important;border: none !important;padding: 5px !important;width: 90%;height: auto;color: #818388;float: left;text-align: left;}
	.addpopup input[type=text], select, input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {background-color: transparent;border: none;border-bottom: 1px solid #9e9e9e;border-radius: 0;outline: none;width: 100%;font-size: 12px;margin: 3px 0 3px 0;padding: 0;color: #333333 !important;box-shadow: none;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;transition: all .3s;}
	.screen-buy-freez-new {height: 39px !important;padding: 10px 8px 0px 0px;border: 0px solid #adaeb0 !important;text-align: left;margin-left: 0px;color: #333 !important;}
	.addpopup .scr-col1 {width: 16%;float: left;margin: 0 auto;margin-left:2%;margin-top:9px;}
	.addpopup .scr-col2 {width:80%;float: left;margin: 0 auto;margin-left:1%;margin-top: 10px;margin-bottom: 15px;position: relative;word-break: break-all;}
	.addpopup .screen-search {width: 88% !important;text-align: left;height: 17px !important;text-align: left !important;font-size: 15px;background-color: #FFFFFF !important;border-radius: 2px !important;border: 1px solid #adaeb0 !important;}
	.addpopup .dropdown-menu {position: absolute;top: 100%;right: 0;/* left: 0; */z-index: 1000;display: block;float: left;min-width: 320px;padding: 5px 0;margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;background-color: #f3f0f0 !important;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, .15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
	.modal .addpopup td {padding:4px !important;vertical-align: top;}
	.addpopup .scr-col3 {width: 36%; float: left; margin: 0 auto;  margin-left: 2%; position: relative;  text-align: right;}
	.addpopup .scr-col4 {width: 25%;float: left;margin: 0 auto;margin-left: 3%;text-align: right;}
	.addpopup .scr-col5 {width: 25%;float: left;margin: 0 auto;margin-left: 4%;text-align: right;}
	.addpopup .scr-col6 {width: 94%;float: left;margin: 0 auto;margin-left: 1%;margin-top: 0%;text-align: right;}
	/* .screen-buy-freez {height:23px !important;padding: 0px 8px 0px 0px;border:0px solid #adaeb0 !important;text-align: left;margin-left: 0px;color: #333 !important;	background: transparent !important;}
	 */
	 .screen-buy-freez {height:28px; padding: 0px 8px 0px 0px; background-color: :#FFFFFF !important; border: 1px solid #adaeb0 !important;text-align: left; margin-left: 0px; color: #333 !important;}
	 .screen-input2 {margin-top: 0px !important;}
	.addpopup .portinput1 {width: 91% !important;text-align: right;font-size: 15px;background-color: #FFFFFF !important;border-radius: 2px !important;border: 1px solid #adaeb0 !important;top: 0;position: relative;}
	.addpopup .scr-col3 input[type="text"]:disabled, input[type="text"][readonly="readonly"], input[type="password"]:disabled, input[type="password"][readonly="readonly"], input[type="email"]:disabled, input[type="email"][readonly="readonly"], input[type="url"]:disabled, input[type="url"][readonly="readonly"], input[type="time"]:disabled, input[type="time"][readonly="readonly"], input[type="date"]:disabled, input[type="date"][readonly="readonly"], input[type="datetime-local"]:disabled, input[type="datetime-local"][readonly="readonly"], input[type="tel"]:disabled, input[type="tel"][readonly="readonly"], input[type="number"]:disabled, input[type="number"][readonly="readonly"], input[type="search"]:disabled, input[type="search"][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {		color: #333 !important;	text-align: center;border-bottom: 0px dotted #eee !important;padding: 4px 0px !important;background: transparent !important;border: 0px solid #e5e5e5 !important;text-align: center;}
	/* .addpopup .scr-col2{width:57%; float:left; margin:0 auto; margin-left:2%;position: relative; text-align:left;margin-top:3%;} */
	/* .addpopup .scr-col4{width:21%; float:left; margin:0 auto; margin-left:3%; text-align:center;} */
	.screen-input {width: 98% !important; text-align: left;height: 36px;font-size: 15px; background-color: #FFFFFF !important;border-radius: 2px !important; border: 1px solid #adaeb0 !important; color: #333 !important;}
	.smallpopup {text-align: center !important;width: 98% !important;float: left;margin: auto;margin-left:1%;margin-right:1%;margin-top:10%;z-index: 1155 !important; min-height: 120px !important;background:#FFF !important;}
	.addpopup .top-sec-border {border: 1px solid #00aed0;}
	.addpopup .modal {left: 0;right: 0;padding: 0;width:99%;margin: 0 auto;overflow: visible !important;border-radius: 2px;will-change: top, opacity;font-size: 1rem !important;background-color: transparent;margin-top:-8%;}
	.addpopup .portfoliopopuparea1 {width:100% !important;margin: 0 auto;margin-top: 11%;z-index: 99999999;}
	.addpopup .port-search {width:88% !important;text-align: left !important;border-radius: 0px !important;box-shadow: 0 0px 0px rgba(0, 0, 0, 0.15) inset;color: #000000;padding: 8px 20px !important;background: url(https://i-mojo.geojit.com/search_icon.png) no-repeat 2px 16px #fff !important;height: 30px !important;border: none !important;box-sizing: content-box !important;outline: none !important;margin: 0 0 0px 0 !important;}
	.addpopup .portbottomarea {width: 94%;float: left;margin: 0 auto;margin-bottom: 15px;margin-left: 1%;}
	.addpopup .colomarea-top {width: 96%;float: left;margin: 0 auto;display: none;margin-top: 0px;margin-bottom: 10px;padding: 15px 0px 15px 0px;margin-left: 2%;margin-right: 2%;border-radius: 3px !important;/* box-shadow: 0px 1px 20px #d3d4d5; */}
	.col-midd01 {width:100%;float: left;margin: auto;margin-left: 0%;margin-right:0%;}
	.col-midd03 {width: 47%;float: left;margin: auto;margin-left: 2%;margin-right: 1%;margin-bottom: 10px;text-align: left;position: relative;}
	.col-midd04 {width: 46%;float: left;margin: auto;margin-left: 2%;margin-right: 1%;margin-bottom: 10px;text-align: left;}
	.col-midd02 {width: 45%;float: left;margin: auto;margin-left: 2%;margin-right:3%;margin-bottom: 10px;text-align: left;}
	.col-midd05 {width: 47%;float: left;margin: auto;margin-left: 2%;margin-right: 1%;margin-bottom: 10px;text-align: left;}
	.col-midd07 {width: 100%;float: left;margin: auto;margin-left: 0%;text-align: right;padding: 7px;margin-top: 0%;margin-bottom: -5px;border-top: 1px solid #f1f1f1;}
	.colomarea02 {width: 100%;float: left;margin: 0 auto;margin-top: 10px;margin-bottom: 10px;padding: 0px 0px 0px 0px;margin-left: 0%;margin-right: 0%;background-color: transparent;border-radius: 3px !important;/* box-shadow: 0px 1px 6px #d3d4d5; */position: relative;}
	.colmoarea03 {width: 100%;float: left;margin: 0 auto;border: 0px solid #00aed0;/* padding: 15px 0px 0px 0px; */margin-bottom: 10px;}
	.addpopup .modal input {-moz-border-radius: 5px;-moz-transition: all .7s ease;-o-transition: all .7s ease;-webkit-border-radius: 20px;-webkit-transition: all .7s ease;border: 1px solid #d1d1d1;border-radius: 5px;padding: 10px 20px;transition: all .7s ease;background: #f8f7fa;width: 80%;line-height: 1.4rem;font-size: 14px !important;}
	.addpopup .addinputcol {width: 100%;float: left;margin: auto;/* border-top: 1px solid #cdcccf; */padding: 2px 0px 6px 0px !important;/* box-shadow: 0px 1px 6px #d3d4d5; */margin-top: 0px;}
	.colmoarea04 {width: 100%;float: left;margin: 0 auto;border: 0px solid #00aed0;padding: 6px 0px 0px 6px;box-shadow: 6px 7px 13px 0px #bfbec0;position: relative;}
	.addpopup input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {background-color: transparent;border: none;border-bottom: 1px solid #9e9e9e;border-radius: 0;outline: none;width: 100%;font-size: .8rem;margin: 0 0 0px 0;padding: 0;box-shadow: none;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;transition: all .3s;}
	.addpopup .port-auto-search {background: #fff;padding: 10px;-moz-border-radius: 10px;-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;-moz-transition: all .7s ease;-o-transition: all .7s ease;-webkit-border-radius: 10px;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;-webkit-transition: all .7s ease;border: 1px solid #d1d1d1;border-radius: 10px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;transition: all .7s ease;width: 100%;position: absolute;z-index: 999999;margin-top: auto;height: 250px;overflow-y: auto;}
	.addpopup .portbottomarea {width: 94%;float: left;margin: 0 auto;margin-bottom: 15px;margin-left: 1%;}
	.addpopup .portbottomarea .blu-cir-btn, .grey-cir-btn {padding:6px 20px !important;font-size: .9rem;margin: 5px;}
	.addpopup .botmiddborder {width: 20%;float: left;margin: auto;border-bottom: 1px solid #ccc;margin-top: 14%;margin-left: 22%;display: none;}
	.addpopup .portaddbutton {width:40%;float: right;margin: auto;margin-top: 20px;}
	.addpopup .portsavebutton {width:34%;float: left;margin: auto;margin-left:3%;margin-top: 15px;}
	.addpopup .portadd {height: 46px;}
	.addpopup .grey-cir-btn {background: #fff; border-radius: 20px; padding: 7px 4px !important; font-size: .9rem; border: 1px solid #a4adb4; color: #333;  margin: 4px;    text-transform: uppercase;}
	.addpopup .stockname {margin-left:8px; color: #00acd0 !important;font-size: 16px;    margin-bottom: 10px; margin-top:0px;}
	.portinputhead {width: 96%;font-size: 14px;font-weight: 600;display: block;margin-left:0%;margin-top: 0px;text-align: left;margin-bottom: 3px;}
	.addpopup input[type=text]:disabled, input[type=text][readonly="readonly"], input[type=password]:disabled, input[type=password][readonly="readonly"], input[type=email]:disabled, input[type=email][readonly="readonly"], input[type=url]:disabled, input[type=url][readonly="readonly"], input[type=time]:disabled, input[type=time][readonly="readonly"], input[type=date]:disabled, input[type=date][readonly="readonly"], input[type=datetime-local]:disabled, input[type=datetime-local][readonly="readonly"], input[type=tel]:disabled, input[type=tel][readonly="readonly"], input[type=number]:disabled, input[type=number][readonly="readonly"], input[type=search]:disabled, input[type=search][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {text-align: left !important;color: 333333 !important;-webkit-text-fill-color: #333333 !important;padding: 0px 0px;border-bottom: 1px dotted rgba(0, 0, 0, 0.26);}
	.addpopup input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {height: auto;}
	.addpopup .dateport-input {width:84% !important;padding: 8px 15px 8px 4px !important;background: url(https://i-mojo.geojit.com/date-icon.png) no-repeat 96% 9px #fff !important;text-align: left !important;}
	.addpopup .modal input {-moz-border-radius: 5px;-moz-transition: all .7s ease;-o-transition: all .7s ease;-webkit-border-radius: 20px;-webkit-transition: all .7s ease;border: 1px solid #d1d1d1;border-radius: 5px;padding:8px 6px;transition: all .7s ease;background: #f8f7fa;width: 80%;line-height: 1.4rem;font-size: 14px !important;}
	.addpopup .dropdown, .dropup {position: relative;top:0px;}
	.addpopup .inputcol2 {max-width: 99%;min-width: 99%;height:37px !important;text-align: left !important;	background-color: #FFFFFF;border-radius: 2px;border: 1px solid #adaeb0;	font-size: 14px;}
}

@media only screen and (max-width:320px) {
	.modal .addpopup td {padding:2px !important;vertical-align: top;}
	.addpopup .col-midd03 .dropdown-menu {min-width: 272px;}
	.modal-open .modal {overflow-x: hidden;top:5%;}
	#myModal03{top:10% !important;}
	.colomarea01 {width:100%; float:left; margin:auto;}
	.modal-body {width:100%; float:left; margin:auto;position: relative; padding: 2px;max-height:auto !important; min-height:auto !important;}
	.magic-radio + label, .magic-checkbox + label {position: relative; text-align: left;  font-size: 16px !important; font-weight: 400 !important; color: #383e4e !important; display: block; padding-left: 32px; padding-bottom: -6px !important; cursor: pointer; /* vertical-align: middle; */}
	.addpopup .screen-head {margin-left: 0px; color: #333 !important; font-size: 18px; margin-top: 0%; line-height: 1.3;}
	.screen-stepsul li {margin-bottom:20px; margin-left: 15%; margin-top: 12px;}
	.addpopup .modal {left: 0;right: 0; padding: 0; width: 99%; margin: 0 auto; overflow: visible !important; border-radius: 2px; will-change: top, opacity; font-size: 1rem !important; background-color: transparent; margin-top: -2%;}
	.screen-main {width: 100%; float: left; margin: 0 auto;overflow-x: hidden; min-height:320px; max-height: 320px; margin-top: 0%;  margin-bottom: 0px; padding: 0px 0px 0px 0px; margin-left: 0%;  margin-right: 0%; background-color: #FFFFFF; border-radius: 3px !important; /* box-shadow: 0px 1px 6px #d3d4d5; */}
	.colomarea02 {width: 100%; float: left; margin: 0 auto; margin-top: 0; margin-bottom: 0; padding: 0px 0px 0px 0px; margin-left: 0%;  margin-right: 0%; background-color: transparent; border-radius: 3px !important; /* box-shadow: 0px 1px 6px #d3d4d5; */    position: relative;}
	.addpopup .scr-col2 {width: 79%;margin-left: 2%;}
	.portfoliopopuparea1 .modal-body .tab-content { padding: 8px; overflow-x: hidden; min-height:270px; max-height:270px;}
	.addpopup .port-search {padding: 8px 16px !important;}
}

/* Carousel Styles */
[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}
#slide_new{position:absolute; width:100%; height:100px; background: red;}  
.animate-slide_new {width: 97%; height:100%; float:left; margin:auto; margin-left:0%;margin-top:-6%;z-index:999999999999999 !important;position:absolute; top: 0; -webkit-transform: translate3d(0,0,0); /* Chrome, Safari, Opera */ transform: translate3d(0,0,0,);-webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000;}
.animate-slide_new.ng-hide-add,.animate-slide_new.ng-hide-remove { display:block!important;}
.animate-slide_new.ng-hide-remove.ng-hide-remove-active {-webkit-animation:0.5s slide-up; animation:0.5s slide-up;}
.animate-slide_new.ng-hide-add.ng-hide-add-active { -webkit-animation:0s slide-down; animation:0s slide-down;}
.animate-slide_new.ng-hide {top:100%; display:none!important;}

.pull-new{background: url(https://i-mojo.geojit.com/pulldown_black.png) no-repeat 50%;border-top:7px solid #2b303c; height: 25px;left:1%;width: 98%;position: absolute; top:6px; z-index: 99999999999999999; text-align: center;}

#abc {width: 100%;float: left;margin: auto;position: absolute;top:-5%;}
#bannerdiv {width:100%; float:left; margin:auto; margin-left:0%;display:block !important;position:absolute; z-index:99999999;}
#abc .animate-slide {background: transparent !important ; position: absolute;  width: 100%;  height: 100%; top: 0; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0,); -webkit-backface-visibility: hidden; backface-visibility: hidden;-webkit-perspective: 1000; perspective: 1000;}
#bannerdiv .modal .model-head {padding: 0 5px 5px;width: 100%;}
#bannerdiv .modal {left: 0; right: 0; padding: 0; width:100%; margin: 0 auto; overflow: visible !important; border-radius: 2px; will-change: top, opacity; font-size: 1rem !important;background-color: transparent; top:8%;}
.bannercomp-name {float: left;font-size: 16px;font-weight: 300;padding-bottom: 4px; line-height: 1.4;padding:14px 0px 5px 3px;}
#bannerdiv .modal-secnd {float: left; width: 100% !important; border-radius: 2px; background: #374047; height: auto !important; margin: 0; -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.59); -moz-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.59); box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.59); padding: 3px;}
.screenpopuphead{width:84%; float:left; margin:0 auto;margin-top:0%;margin-bottom:15px;margin-bottom: 2%;}
.needmore{width:100%; float:left; margin:0 auto;margin-top:0%;margin-bottom:2%; text-align:center;}
.screenpopuphead3{width:80%; float:left; margin:0 auto;margin-top:0%;margin-bottom:5%; text-align:center;}
.screenpopuphead2{width:95%; float:left; margin:0 auto;margin-top:8%;margin-left:5%;}
.screen-slide{width:80%; float:left; margin:0 auto; margin-left:10%; margin-top:0%; overflow:none !important; margin-bottom:5%;}
.screen-popupsize{z-index:100;margin-top:0%; width:100%; margin-left:0%; display:block;}
.carousel-indicators .active {background-color: #2980b9;}
.carousel-inner img {width:100%;max-height: 100%;height:360px; border:0px solid #383e4e !important; background-repeat:no-repeat;background-position:0 0;background-color:transparent;background-attachment:fixed;background-position-x:center!important;background-size:cover}
.carousel-control {width:0;}
.carousel-control.left,.carousel-control.right {opacity: 1;filter: alpha(opacity=100);background-image: none;background-repeat: no-repeat;}
.carousel-control.left span {padding: 15px;}
.carousel-control.right span {padding: 15px;}
.carousel-control .fa-chevron-circle-left, .carousel-control .fa-chevron-circle-right, .carousel-control .icon-prev, .carousel-control .icon-next {position: absolute;top:22%;z-index: 5;display: inline-block;}
.carousel-control .fa-chevron-circle-left,.carousel-control .icon-prev {left:-38px;color:#FFFFFF;}
.carousel-control .fa-chevron-circle-right,.carousel-control .icon-next {right:-50px;color:#FFFFFF;}
.slide-cir-btn {background:#FFFFFF;border-radius:20px; border:1px solid #a4adb4; color:#333;text-transform: uppercase}
.slide-cir-btn {padding:8px 25px; font-size:.9rem; margin:5px; text-decoration:underline;} 

.slide-cir-btn1 {background:#383e4e;border-radius:20px; border:0px solid #a4adb4; color:#FFFFFF !important;text-transform: uppercase}
.slide-cir-btn1{padding:11px 27px; font-size:.9rem; margin:5px;} 

.slide-head{color:#fff !important; font-size:16px; margin-top:0%; font-weight:400;}
.slide-head2{color:#333 !important; font-size:20px; margin-top:0%; font-weight:500;}
.slidepopup{margin-right:-40px; top:55px;position:relative; z-index:999999 !important;}
.slidepopup .close {float:right; font-size:21px; font-weight:700; line-height:1; color:#000; text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);opacity: 1;}
.screencontrol  .carousel-control {position:absolute; top:46% !important;bottom: 0 !important;left: 0;width: 0% !important;font-size: 44px !important;font-weight: 500;color: #383e4e !important;text-align: center;background-color:#383e4e !important;filter: alpha(opacity=50) !important;opacity: 1 !important;}
.screencontrol  .carousel-control.right {right:6.3% !important;left: auto;background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat: repeat-x;}
.screen-popupsize .modal-header { padding: 15px; border-bottom: 0px solid #e5e5e5 !important;} 
#bannerdiv .right {float: right;margin-left:0px !important;margin-top:0px !important;color: #666;}
.closemargin{margin-top: -10px;}
@media only screen and (min-width:750px) and (max-width:1024px) {
	.animate-slide_new {width: 97%; height: 100%;margin-top:-10%;}
}
@media only screen and (max-width: 750px){
	#bannerdiv {width: 92%;}
	.pull-new {left: 3%;width: 86%;}
	.bannercomp-name {padding: 20px 0px 5px 3px;}
	.carousel-indicators {display: none;}
	.carousel-inner {position: relative;  width: 100%;overflow: hidden;}
	.animate-slide_new {width: 100%; height: 100%; }
	#bannerdiv .modal .model-head {padding: 0 0px 0px;width: 90%;}
	#bannerdiv .modal {left: 0; right: 0; padding: 0; width: 98%; margin: 0 auto; overflow: visible !important; border-radius: 2px; will-change: top, opacity; font-size: 1rem !important;background-color: transparent; top:10%;}
	.bannercomp-name {float: left;font-size: 12px;font-weight: 300;padding-bottom: 4px; line-height: 1.4;}
}
/* ////////////////////new page end///////////////////////// */